What Goes With LightGrey?
Five colors that pair well with LightGrey (#D3D3D3), computed from its position on the hue wheel.
Complementary
#D3D3D3
Analogous (-30°)
#D3D3D3
Analogous (+30°)
#D3D3D3
Triadic
#D3D3D3
Triadic
#D3D3D3
Why These Colors Work With LightGrey
LightGrey mirrors LightGray exactly at the hex level (#D3D3D3, 83% lightness), and like every grey/gray pair on this site, the only real distinction between the two keywords is spelling convention, not appearance — both render identically in every browser since the CSS specification lists them as true synonyms rather than one deferring to the other. Where this spelling choice actually matters is in codebases and design-token systems: a UK-based product team maintaining brand documentation in British English will typically standardize on 'LightGrey' throughout for internal consistency, even though the rendered pixels are indistinguishable from 'LightGray.' As a pairing color, it functions exactly as its American twin does — a pale, structural neutral with no hue to reason about on the color wheel, useful for subtle borders, disabled states, and card backgrounds that need separation without visual weight. Light grey against charcoal text offers calm, low-strain contrast; against a saturated accent like coral or teal it recedes fully, letting that color carry the composition's real interest.
Curated Companion Picks
calm, low-strain reading contrast
recedes fully, letting the accent carry the interest
neutral pairing that stays quiet