Lavender

#E2E4F2

Color values

#E2E4F2 color information

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

HEX

#E2E4F2

RGB

rgb(226, 228, 242)

HSL

hsl(232, 38%, 92%)

Lighter

#E8EAF5

Light

#EEEFF7

Original

#E2E4F2

Dark

#ACADB8

Darker

#83848C

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