Light Gray

#D3D3DB

Color values

#D3D3DB color information

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

HEX

#D3D3DB

RGB

rgb(211, 211, 219)

HSL

hsl(240, 10%, 84%)

Lighter

#DDDDE3

Light

#E5E5EA

Original

#D3D3DB

Dark

#A0A0A6

Darker

#7A7A7F

Use #D3D3DB 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.