Gainsboro

#D7D8DA

Color values

#D7D8DA color information

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

HEX

#D7D8DA

RGB

rgb(215, 216, 218)

HSL

hsl(220, 4%, 85%)

Lighter

#E0E1E2

Light

#E8E8EA

Original

#D7D8DA

Dark

#A3A4A6

Darker

#7D7D7E

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