Light Gray

#D2D4DC

Color values

#D2D4DC color information

#D2D4DC is closest to Light Gray. Use these HEX, RGB, and HSL values in CSS, design systems, brand palettes, and palette generator workflows.

HEX

#D2D4DC

RGB

rgb(210, 212, 220)

HSL

hsl(228, 13%, 84%)

Lighter

#DCDDE4

Light

#E5E6EB

Original

#D2D4DC

Dark

#A0A1A7

Darker

#7A7B80

Use #D2D4DC as a brand accent, illustration tone, background tint, or button color. Check contrast before placing text over it.

Pair it with one lighter shade for surfaces and one darker shade for hover states, borders, or emphasis.

Need colors from an image? Use the Paletify image color picker to generate a complete palette from photos, screenshots, and artwork.