Gainsboro

#D3D6E1

Color values

#D3D6E1 color information

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

HEX

#D3D6E1

RGB

rgb(211, 214, 225)

HSL

hsl(227, 19%, 85%)

Lighter

#DDDFE8

Light

#E5E7EE

Original

#D3D6E1

Dark

#A0A3AB

Darker

#7A7C83

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