Lavender #E6E6FA

Lavender#E6E6FA · rgb(230, 230, 250)

Lavender color codes

CSS namelavender
HEX#E6E6FA
RGBrgb(230, 230, 250)
HSLhsl(240, 67%, 94%)
CMYKcmyk(8%, 8%, 0%, 2%)
Decimal15132410

Shades of Lavender (darker)

#CFCFE1 · #B8B8C8 · #A1A1AF · #8A8A96 · #73737D · #5C5C64 · #45454B · #2E2E32 · #171719

Tints of Lavender (lighter)

#E9E9FB · #EBEBFB · #EEEEFC · #F0F0FC · #F3F3FD · #F5F5FD · #F8F8FE · #FAFAFE · #FDFDFF

Color harmonies

Complementary
#FAFAE5
Triadic
#FAE5E5, #E5FAE5
Analogous
#E5F0FA, #F0E5FA

Accessibility (WCAG contrast)

White text on Lavender1.23:1 · Fail
Black text on Lavender17.06:1 · AAA

Use Lavender in code

.element {
  color: lavender;          /* or #e6e6fa */
  background-color: rgb(230 230 250 / 0.5);
}

Frequently asked questions

What is the hex code for Lavender?

Lavender is #E6E6FA in HEX, rgb(230, 230, 250) in RGB and hsl(240, 67%, 94%) in HSL.

Can I use "lavender" directly in CSS?

Yes. "lavender" is one of the 148 standard CSS named colors, so color: lavender; works in every browser.

Is Lavender readable on white?

The contrast ratio of Lavender on white is 1.23:1 (WCAG Fail). On black it is 17.06:1 (AAA).

What is the complementary color of Lavender?

The complementary color (opposite on the color wheel) is #FAFAE5.

Similar colors

Alice Blue#F0F8FFWhite Smoke#F5F5F5Ghost White#F8F8FFLight Cyan#E0FFFFAzure#F0FFFFLavender Blush#FFF0F5Honey Dew#F0FFF0Mint Cream#F5FFFA

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.