Lavender

#ECEEF7

Color values

#ECEEF7 color information

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

HEX

#ECEEF7

RGB

rgb(236, 238, 247)

HSL

hsl(229, 41%, 95%)

Lighter

#F0F2F9

Light

#F4F5FA

Original

#ECEEF7

Dark

#B3B5BC

Darker

#898A8F

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