Lavender color
Inspect Lavender (#E6E6FA) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.
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.