Lavender color

Inspect Lavender (#E6E6FA) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.

#e6e6fa

Lavender

Lavender color values

Lavender

#E6E6FA

Black text reads best on this background, at 17.06:1.

Lavender is one of the 148 CSS named colors, and resolves to #E6E6FA in every browser. In numbers that is rgb(230, 230, 250) and hsl(240, 67%, 94%). Perceptually it is a very light, near-neutral color: OKLCH puts its lightness at 93% and its chroma at 0.027. It carries almost no chroma, so it behaves as a neutral rather than as a hue, and belongs with the off-whites.

White text only reaches 1.23:1 here, so black text is the safer pairing at 17.06:1. Because it is this light, Lavender works best as a page or card background with dark text over it.

The closest CSS named colors to Lavender, measured with CIEDE2000, are GhostWhite (#F8F8FF), AliceBlue (#F0F8FF), LavenderBlush (#FFF0F5). If Lavender is not quite right, those are the nearest keywords to try before reaching for a custom value.

HEX

#E6E6FA

RGB

rgb(230, 230, 250)

HSL

hsl(240, 67%, 94%)

HWB

hwb(240 90% 2%)

CMYK

cmyk(8%, 8%, 0%, 2%)

LAB

lab(91.74 2.78 -9.72)

LCH

lch(91.74 10.11 285.93)

OKLCH

oklch(93.09% 0.0269 285.86)

Is Lavender accessible?

WCAG asks for 4.5:1 between body text and its background. On #E6E6FA white text measures 1.23:1 and black text 17.06:1, so black clears it and white does not.

White text on Lavender

WCAG 2.2

1.23:1

APCA

Lc 13

Fails AA body text

Fails AAA body text

Fails AA large text

Black text on Lavender

WCAG 2.2

17.06:1

APCA

Lc 92

Passes AA body text

Passes AAA body text

Passes AA large text

Check Lavender against any other color in the contrast checker.

Tints and shades of Lavender

Lavender sits at 93% OKLCH lightness. Holding its hue and chroma and moving only that value carries it up to #F8F8FF and down to #05040F, which keeps the family recognizable instead of letting it drift toward gray the way a plain HSL ramp does.

Tints, toward white

#E9E9FD

20% lighter

#EDEDFF

40% lighter

#F0F0FF

60% lighter

#F4F4FF

80% lighter

#F8F8FF

100% lighter

Shades, toward black

#B2B2C5

20% darker

#808092

40% darker

#525262

60% darker

#282836

80% darker

#05040F

100% darker

Build a full accessible scale from #E6E6FA in the shade generator.

How Lavender looks with color blindness

The biggest shift is under tritanopia, where #E6E6FA reads as #E2E9EC, 9.1 CIEDE2000 units away. If Lavender is the only thing marking a state or a series, roughly one viewer in twelve will miss it.

Protanopia

#E2E8FB

Deuteranopia

#E1E7F9

Tritanopia

#E2E9EC

Achromatopsia

#E7E7E7

Colors similar to Lavender

The nearest CSS keywords to #E6E6FA, ranked by perceptual distance rather than by how close their hex digits happen to look.