Lavender

#DFE2F0

Color values

#DFE2F0 color information

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

HEX

#DFE2F0

RGB

rgb(223, 226, 240)

HSL

hsl(229, 36%, 91%)

Lighter

#E6E8F3

Light

#ECEEF6

Original

#DFE2F0

Dark

#A9ACB6

Darker

#81838B

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