#9ca3af HEX color information
| Color | HEX | RGB |
|---|---|---|
| #9ca3af | RGB(156, 163, 175) |
Created at 04/12/2023 06:04
Classification of #9ca3af color
#9ca3af is Light and Neutral Color Saturation 11%, lightness 65%.
Shade of Dark Gray
RGB values are RGB(156, 163, 175)
#9ca3af color contains Red 61.18%, Green 63.92% and Blue 68.63%.
oklch(71.37% 0.0192 261.32)
#9ca3af color contains Red 61.18%, Green 63.92% and Blue 68.63%.
oklch(71.37% 0.0192 261.32)
Color Names of #9ca3af HEX code
Axis Gray, Baseline Gray, Connector Gray, Context Gray, Data Gray, Deco Gray, Entropy Gray, Framework Gray, Log Gray, Metric Gray, Neutral Gray, Node Gray, Noise Gray, Optimizer Gray, Outline Gray, Queue Gray, Scanline Gray, Schema Gray, System Gray, Text Gray, Weight Gray Color
≈ Santas Gray
Alternative colors of #9ca3af
Opposite Color for #9ca3af is #afa89c
#9ca3af Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #9ca3af
cmyk
CMYK(11%, 7%, 0%, 31%)
Decimal
10265519
HEX
#9ca3af
HSL
hsl(218, 11%, 65%)
HSLA
hsla(218, 11%, 65%, 1)
RGB
RGB(156, 163, 175)
RGBA
RGBA(156, 163, 175, 1)
Palettes for #9ca3af color:
Below are examples of color palettes with the #9ca3af HEX color
darkest color is #101011 from shades and lightest color is #f5f6f7 from tints
Shades palette of #9ca3af:
#8c939e
#7d828c
#6d727a
#5e6269
#4e5258
#3e4146
#2f3135
#1f2123
#101011
#000000
Tints palette of #9ca3af:
#a6acb7
#b0b5bf
#babfc7
#c4c8cf
#ced1d7
#d7dadf
#e1e3e7
#ebedef
#f5f6f7
#ffffff
Complementary palette of #9ca3af:
#9ca3af
#afa89c
Triadic palette of #9ca3af:
#9ca3af
#af9ca3
#a3af9c
Square palette of #9ca3af:
#9ca3af
#af9cac
#afa89c
#9caf9f
Analogous palette of #9ca3af:
#9cacaf
#9ca3af
#9f9caf
Split-Complementary palette of #9ca3af:
#9ca3af
#af9f9c
#acaf9c
Rectangle (tetradic) palette of #9ca3af:
#9ca3af
#a89caf
#afa89c
#a3af9c
Suggested color palettes for #9ca3af HEX:
Color palette with color #9ca3af #1:
Color palette with color #9ca3af #2:
Color palette with color #9ca3af #3:
Color palette with color #9ca3af #4:
Color palette with color #9ca3af #5:
Color #9ca3af used in palettes (24)
TailwindCSS Web IDE UI Syntax Palette AI-Driven Product UI Shell React Native Appflow color palette Figma Cognitive Systems Storyboard Decentralized Web UX Kit Data Science Mobile Kit Horizon Frozen Aurora Edge AI Interface Toolkit Realtime Figma UI Workspace Web3 Smart Contract UI Layer Generative AI Media Design Flow Accessible Dark Mode Web Flow Adaptive Neural Interface Platform Figma Wireframe Flow System Lunar Echo Framework AI Cognitive Dark Mode Console React Hyperlink Flow Theme Business Intelligence Neural Kit Drag-and-Drop Builder UI Future Nostalgia UI WebKit Dark Theme SaaS Layout Kit Space Strategy UI Signals
Color Contrast
Color pairings of #9ca3af with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#9ca3af
#9ca3af Contrast Ratio
2.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#9ca3af
#9ca3af Contrast Ratio
8.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #9ca3af color png
Visit the popular colors list for more colors