What is the hex code for Lavender?

The hex code for Lavender is #E6E6FA. In RGB that is rgb(230, 230, 250), and in HSL it is hsl(240, 67%, 94%).

What RGB values make Lavender?

Lavender is 230 red, 230 green, and 250 blue, written as rgb(230, 230, 250).

Lavender scores 1.23:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: lavender directly in CSS, which every browser resolves to #E6E6FA.

#E6E6FA

Lavender is a white tone at #E6E6FA. It sits at 240 degrees on the color wheel with 67% saturation and 94% lightness.

Color values

Tints mix Lavender with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FAFAFE

Tint 60%

#F5F5FD

Tint 40%

#F0F0FC

Tint 20%

#EBEBFB

Base

#E6E6FA

Shade 20%

#B8B8C8

Shade 40%

#8A8A96

Shade 60%

#5C5C64

Shade 80%

#2E2E32

On white

Sample text

1.23:1

Fails WCAG for text

On black

Sample text

17.06:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Lavender?: The hex code for Lavender is #E6E6FA. In RGB that is rgb(230, 230, 250), and in HSL it is hsl(240, 67%, 94%).
What RGB values make Lavender?: Lavender is 230 red, 230 green, and 250 blue, written as rgb(230, 230, 250).
Is Lavender readable as text on a white background?: Lavender scores 1.23:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Lavender a valid CSS color name?: Yes. You can write color: lavender directly in CSS, which every browser resolves to #E6E6FA.