Gainsboro

#D9DAE3

Color values

#D9DAE3 color information

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

HEX

#D9DAE3

RGB

rgb(217, 218, 227)

HSL

hsl(234, 15%, 87%)

Lighter

#E1E2E9

Light

#E9EAEF

Original

#D9DAE3

Dark

#A5A6AD

Darker

#7E7E84

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