DarkGray Color — HEX, RGB, HSL, Palettes & Contrast

DarkGray (#a9a9a9): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#a9a9a9
HEX #a9a9a9
RGB rgb(169, 169, 169)
HSL 0°, 0%, 66%

Use DarkGray in Your Projects

About DarkGray Color

DarkGray is a medium-dark neutral that works well for secondary text, placeholder content, and subtle UI elements.

Use Cases for DarkGray

secondary textplaceholdersdisabled inputssubtle bordersUI icons

Shades & Tints of DarkGray

#ffffff
#eaeaea
#d4d4d4
#bfbfbf
#a9a9a9
#7f7f7f
#555555
#2a2a2a
#000000

Complementary Color

#a9a9a9
#a8a8a8

Analogous Colors

#a8a8a8
#a9a9a9
#a8a8a8

Triadic Colors

#a9a9a9
#a8a8a8
#a8a8a8

Split Complementary

#a9a9a9
#a8a8a8
#a8a8a8

Tetradic Colors

#a9a9a9
#a8a8a8
#a8a8a8
#a8a8a8

CSS Code

.darkgray-color {
  color: #a9a9a9;
  background-color: #a9a9a9;
}

/* As a CSS custom property */
:root {
  --color-darkgray: #a9a9a9;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DarkGray
Ratio: 8.94:1 ✓ Passes AA ✓ Passes AAA
White text on DarkGray
Ratio: 2.35:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is DarkGray?

DarkGray is represented by the hex code #a9a9a9 and has RGB values of rgb(169, 169, 169). It falls under the Gray category.

How to use DarkGray in web design?

DarkGray works well for secondary text, placeholders, disabled inputs. DarkGray is a medium-dark neutral that works well for secondary text, placeholder content, and subtle UI elements. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DarkGray?

Colors that pair well with DarkGray include gray, dimgray, slategray, silver, lightgray. For a complementary scheme, try #a8a8a8. For an analogous scheme, use #a8a8a8 and #a8a8a8. For a triadic scheme, combine with #a8a8a8 and #a8a8a8.