Lavender #E6E6FA

#E6E6FALavender
HEX#E6E6FA
RGBrgb(230, 230, 250)
HSLhsl(240, 67%, 94%)
HSVhsv(240, 8%, 98%)
OKLCHoklch(93.1% 0.027 285.9)
OKLABoklab(93.1% 0.007 -0.026)
CMYKcmyk(8%, 8%, 0%, 2%)

Lavender (#E6E6FA) is a very light, moderately saturated blue hue. The CSS lavender keyword is a very pale bluish purple; real lavender flowers are deeper.

In RGB it is made of 230 red, 230 green and 250 blue. Its HSL hue angle is 240° with 67% saturation and 94% lightness, while its perceptual OKLCH lightness is 93% with a chroma of 0.027. For print, a starting CMYK mix is 8% cyan, 8% magenta, 0% yellow and 2% black.

As a text color on white, Lavender has a contrast ratio of 1.23:1, which fails WCAG AA even for large text. On black it reaches 17.06:1 and passes AA for normal text. If you use Lavender as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 92 for black text and Lc -13 for white text.

Its perceptual complement is #EAEAD5, close to champagne. Colors that look most similar are off-white, champagne, beige. It looks fairly similar to people with red-green color blindness (ΔE 1), so its meaning mostly survives.

Contrast

Text on white · 1.23:1 ✗
Text on black · 17.06:1 AA ✓
White on Lavender · APCA Lc -13
Black on Lavender · APCA Lc 92

Shades and tints of lavender

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How lavender looks with color blindness

Protanopia: #E2E8FBDeuteranopia: #E1E7F9Tritanopia: #E2E9ECAchromatopsia: #E8E8E8

Similar colors

Off-White#FAF9F6Champagne#F7E7CEBeige#F5F5DCWhite#FFFFFFMillennial Pink#F3CFC6Powder Blue#B0E0E6Ivory#FFFFF0Periwinkle#CCCCFF

FAQ

What is the hex code for lavender?

The hex code for lavender is #E6E6FA, which is rgb(230, 230, 250) in RGB.

What text color goes on lavender?

Black text. Its contrast with lavender is 17.06:1.

What color is the complement of lavender?

The perceptual (OKLCH) complement of #E6E6FA is #EAEAD5.

← All named colors