Dark Gray color codes
| CSS name | darkgray |
|---|---|
| HEX | #A9A9A9 |
| RGB | rgb(169, 169, 169) |
| HSL | hsl(0, 0%, 66%) |
| CMYK | cmyk(0%, 0%, 0%, 34%) |
| Decimal | 11119017 |
Shades of Dark Gray (darker)
#989898 · #878787 · #767676 · #656565 · #555555 · #444444 · #333333 · #222222 · #111111
Tints of Dark Gray (lighter)
#B2B2B2 · #BABABA · #C3C3C3 · #CBCBCB · #D4D4D4 · #DDDDDD · #E5E5E5 · #EEEEEE · #F6F6F6
Color harmonies
| Complementary | #A8A8A8 |
|---|---|
| Triadic | #A8A8A8, #A8A8A8 |
| Analogous | #A8A8A8, #A8A8A8 |
Accessibility (WCAG contrast)
| White text on Dark Gray | 2.35:1 · Fail |
|---|---|
| Black text on Dark Gray | 8.94:1 · AAA |
Use Dark Gray in code
.element {
color: darkgray; /* or #a9a9a9 */
background-color: rgb(169 169 169 / 0.5);
}Frequently asked questions
What is the hex code for Dark Gray?
Dark Gray is #A9A9A9 in HEX, rgb(169, 169, 169) in RGB and hsl(0, 0%, 66%) in HSL.
Can I use "darkgray" directly in CSS?
Yes. "darkgray" is one of the 148 standard CSS named colors, so color: darkgray; works in every browser.
Is Dark Gray readable on white?
The contrast ratio of Dark Gray on white is 2.35:1 (WCAG Fail). On black it is 8.94:1 (AAA).
What is the complementary color of Dark Gray?
The complementary color (opposite on the color wheel) is #A8A8A8.
Similar colors
Silver#C0C0C0Dark Sea Green#8FBC8FRosy Brown#BC8F8FTan#D2B48CLight Steel Blue#B0C4DELight Slate Gray#778899Light Slate Grey#778899Burly Wood#DEB887
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.