Purple color

Lavender #E6E6FA

#E6E6FA · rgb(230, 230, 250)

Lavender is the color #E6E6FA. In RGB it is rgb(230, 230, 250) — 90% red, 90% green and 98% blue. Its CMYK breakdown is 8% cyan, 8% magenta, 0% yellow and 2% black, and in HSL it sits at 240° hue, 67% saturation and 94% lightness. Lavender is one of the 140 standard CSS / HTML color names, so color: lavender works in CSS. The closest web-safe color is #FFFFFF.

Open in color picker Convert Make a palette Check contrast

Lavender color codes

Hex#E6E6FA

RGBrgb(230, 230, 250)

RGB %90%, 90%, 98%

HSLhsl(240, 67%, 94%)

HSV / HSBhsv(240, 8%, 98%)

CMYKcmyk(8%, 8%, 0%, 2%)

OKLCHoklch(93% 0.027 286)

Closest web-safe#FFFFFF

Lavender color meaning

Lavender is a soft and airy purple — a cool color at 94% lightness and 67% saturation. Like other purples, it is linked with creativity, luxury and imagination. Rare and expensive to dye for most of history, it still suggests royalty, mystery and individuality.

Because it is soft and airy, lavender works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.2:1), so use it for fills and backgrounds and put black text on top (17.1:1).

What colors go with Lavender?

Lavender pairs well with Cornsilk, Light Cyan, Papaya Whip and Charcoal: Cornsilk sits close to its opposite on the color wheel for strong contrast, Light Cyan and Papaya Whip are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around lavender in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Lavender at a glance

Color family	Purple · cool, soft and airy
CSS color name	Yes — `lavender` works in CSS
As text on white	1.23:1 — not readable as text
Best text on it	Black (17.06:1)
For print (CMYK)	8% cyan, 8% magenta, 0% yellow, 2% black
Full screen	Open the lavender screen — fill your display or download it in 4K

Contrast

Contrast ratio of Lavender against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.23:1 Black text — 17.06:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Lavender

Lavender color FAQ

What is the hex code for Lavender?

Lavender is #E6E6FA, which is rgb(230, 230, 250) and hsl(240, 67%, 94%). For print it is roughly C8 M8 Y0 K2.

What colors go with Lavender?

Lavender pairs well with Cornsilk, Light Cyan, Papaya Whip, Charcoal. Cornsilk gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Lavender a warm or cool color?

Lavender is a cool color: its hue is 240°, on the green, blue and violet side of the color wheel.

What text color looks best on Lavender?

Black text, with a contrast ratio of 17.1:1, which meets WCAG AA for normal text.