Lavender (CSS)

Lavender (CSS) is a very light, saturated blue-violet color with the hex code #E6E6FA (hue 240°, saturation 67%, lightness 94%). It is also the CSS named color lavender.

#E6E6FA

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Lavender (CSS)	`#E6E6FA`	230, 230, 250	240°, 67%, 94%	8, 8, 0, 2	93.1% 0.027 286

Contrast with white text 1.23:1, with black text 17.06:1 — use black text on Lavender (CSS).

lavender is one of the 148 named colors in CSS, with exactly this value, so color: lavender works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#D5D5F7

#9595EA

#5555DD

#2626BF

#1A1A7F

#0D0D40

Colors that go with Lavender (CSS)

Six color schemes built on Lavender (CSS) with classic harmony rules. The complementary scheme pairs it with Elderflower (#FBF9E8), the color opposite it on the color wheel.

Nearest CSS named colors

Misty Rose (mistyrose): Misty Rose (#FFE4E1) is about as light as Lavender (CSS) (relative luminance 0.822 vs 0.803) and more saturated, with its hue 126° away.
Gainsboro (gainsboro): Gainsboro (#DCDCDC) is darker than Lavender (CSS) (relative luminance 0.716 vs 0.803) and less saturated.
Lavender Blush (lavenderblush): Lavender Blush (#FFF0F5) is lighter than Lavender (CSS) (relative luminance 0.902 vs 0.803) and more saturated, with its hue 100° away.
White Smoke (whitesmoke): White Smoke (#F5F5F5) is lighter than Lavender (CSS) (relative luminance 0.913 vs 0.803) and less saturated.

Gradients with Lavender (CSS)

Similar very light blue colors

Questions

What is the hex code for Lavender (CSS)?

#E6E6FA — RGB 230, 230, 250, HSL 240°, 67%, 94%.

Is Lavender (CSS) a warm or cool color?

Cool — its hue sits at 240° on the color wheel.