What Goes With DarkGray?
Five colors that pair well with DarkGray (#A9A9A9), computed from its position on the hue wheel.
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
lets a saturated accent carry the palette's real personality
calm, readable, without black's starkness
gentle, low-drama contrast for editorial layouts