Dark Gray is a medium-light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #A9A9A9, which equals rgb(169, 169, 169) in RGB and hsl(0, 0%, 66%) in HSL. In print terms it converts to roughly C0 M0 Y0 K34, although exact CMYK results depend on the paper and color profile.
- HEX
#A9A9A9 - RGB
169, 169, 169 - HSL
0°, 0%, 66% - CMYK
0, 0, 0, 34 - Family
Gray - Tone
Medium-light, neutral
About Dark Gray
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 8.94:1. Its complementary color is #A8A8A8.
Download Dark Gray as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Dark Gray color codes
| HEX | #A9A9A9 |
|---|---|
| RGB | rgb(169, 169, 169) |
| HSL | hsl(0, 0%, 66%) |
| HSV | 0°, 0%, 66% |
| CMYK | 0%, 0%, 0%, 34% |
| Decimal | 11119017 |
Shades and tints of Dark Gray
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1F1F1 - 100
#E2E2E2 - 200
#D4D4D4 - 300
#C6C6C6 - 400
#B7B7B7 - 500
#A9A9A9 - 600
#8D8D8D - 700
#717171 - 800
#555555 - 900
#383838 - 950
#1C1C1C
Color harmonies for Dark Gray
- Complementary
#A8A8A8≈ Dark Gray - Analogous −30°
#A8A8A8≈ Dark Gray - Analogous +30°
#A8A8A8≈ Dark Gray - Triadic +120°
#A8A8A8≈ Dark Gray - Triadic +240°
#A8A8A8≈ Dark Gray - Split 150°
#A8A8A8≈ Dark Gray - Split 210°
#A8A8A8≈ Dark Gray
Contrast and accessibility of Dark Gray
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Gray | Aa | 2.35:1 | Fails |
| Black text on Dark Gray | Aa | 8.94:1 | AAA (excellent) |
CSS code for Dark Gray
background-color: #A9A9A9;color: #A9A9A9;background-color: rgb(169, 169, 169);background-color: hsl(0, 0%, 66%);:root { --color-dark-gray: #A9A9A9; }class="bg-[#A9A9A9]"Colors similar to Dark Gray
- Neutral Gray 65
#A6A6A6 - Warm Gray 65
#AEA69E - Cool Gray 65
#9EA4AE - Neutral Gray 70
#B2B2B2 - Cool Gray 70
#ACB1B9 - Warm Gray 70
#B9B2AC - Light Dusty Orange
#BAA897 - Light Dusty Cerulean
#97A8BA - Light Dusty Tangerine
#BAAC97 - Light Dusty Azure
#97ACBA - Light Dusty Persimmon
#BAA597 - Light Dusty Cornflower
#97A5BA
More gray shades
- Gainsboro
#DCDCDC - Silver
#C0C0C0 - Slate Gray
#708090 - Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50
Frequently asked questions
What is the HEX code for Dark Gray?
The HEX code for Dark Gray is #A9A9A9.
What is the RGB value of Dark Gray?
Dark Gray has an RGB value of 169, 169, 169 (rgb(169, 169, 169)). In HSL it is 0°, 0%, 66%.
What text color should I use on Dark Gray?
Use black text on Dark Gray. White text has a contrast ratio of 2.35:1 and black text has 8.94:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Gray?
The complementary color of Dark Gray is #A8A8A8. Analogous colors #A8A8A8 and #A8A8A8 also pair well.