CSS named color
DarkGray
#A9A9A9
HEX
#a9a9a9RGB
rgb(169, 169, 169)HSL
hsl(0, 0%, 66%)OKLCH
oklch(73.48% 0.0000 89.88)NAME
darkgrayPalette
Complementary
180° on the color wheelComplement
#A8A8A8
Analogous
±30° around the base hueLeft
#A8A8A8
Right
#A8A8A8
Triadic
±120° for harmonic contrastTriad 1
#A8A8A8
Triad 2
#A8A8A8
Shades
Lighter and darker variantsCSS usage
By name
color: darkgray;
background-color: darkgray;By HEX
color: #a9a9a9;
background-color: #a9a9a9;By RGB
color: rgb(169, 169, 169);
background-color: rgb(169, 169, 169);By HSL
color: hsl(0, 0%, 66%);
background-color: hsl(0, 0%, 66%);WCAG contrast vs white
Aa
2.35:1
Below minimum
WCAG contrast vs black
Aa
8.94:1
AAA
Related colors
FAQ — DarkGray
What is the HEX code for DarkGray?
The HEX code for DarkGray is #A9A9A9. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkgray; or color: #a9a9a9;
What is DarkGray in RGB?
DarkGray in RGB is rgb(169, 169, 169) — red 169, green 169, blue 169.
What is DarkGray in HSL?
DarkGray in HSL is hsl(0, 0%, 66%) — hue 0°, saturation 0%, lightness 66%.
What is the complementary color of DarkGray?
The complementary color (directly opposite DarkGray on the color wheel) is #A8A8A8. The two together produce maximum contrast.
Is white text readable on DarkGray?
The WCAG contrast ratio against white (#FFFFFF) is 2.35:1, and against black (#000000) it's 8.94:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.