ChromaWell

What Goes With DarkGray?

Five colors that pair well with DarkGray (#A9A9A9), computed from its position on the hue wheel.

#A9A9A9

Complementary

#A9A9A9

Analogous (-30°)

#A9A9A9

Analogous (+30°)

#A9A9A9

Triadic

#A9A9A9

Triadic

#A9A9A9

Why These Colors Work With DarkGray

DarkGray (#A9A9A9) carries zero saturation at a 66% lightness — meaningfully lighter than Gray's 50% midpoint, occupying a spot closer to the light end of the neutral scale despite the 'dark' in its name, which is a naming quirk worth knowing: DarkGray is actually lighter than plain Gray in the CSS spec, a frequent source of confusion for anyone assuming the names scale predictably. Like any zero-saturation color, it has no hue-wheel complement to reason about — only value contrast matters. Its main utility is as a slightly softer alternative to pure black for text and borders, reducing the harshness of maximum contrast while staying clearly legible. Place a saturated teal or mustard accent against it and the accent does all the talking, dark gray content to handle the structural, supporting work behind it. On white it reads calm without black's starkness, and next to cream the whole page stays quiet enough that readers notice the words on it before they ever notice the palette.

Curated Companion Picks

Mustard#D4A017

lets a saturated accent carry the palette's real personality

White#FFFFFF

calm, readable, without black's starkness

Cream#F1E9D2

gentle, low-drama contrast for editorial layouts