Lavender

#D2D7F6

Color values

#D2D7F6 color information

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

HEX

#D2D7F6

RGB

rgb(210, 215, 246)

HSL

hsl(232, 67%, 89%)

Lighter

#DCE0F8

Light

#E5E8FA

Original

#D2D7F6

Dark

#A0A3BB

Darker

#7A7D8F

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