CSS named color
Lavender #E6E6FA
Lavender is a pale blue with the hex code #E6E6FA, which converts to rgb(230, 230, 250). Open #E6E6FA in the converter to tweak it.
Lavender color values
| HEX | #E6E6FA |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(230, 230, 250) |
| RGBA | rgba(230, 230, 250, 1) |
| 8-digit HEX | #E6E6FAFF |
| HSL | hsl(240, 67%, 94%) |
| HSV / HSB | 240°, 8%, 98% |
| CMYK | 8%, 8%, 0%, 2% |
| RGB 0–1 | 0.902, 0.902, 0.98 |
| Decimal | 15132410 |
| CSS keyword | lavender |
How #E6E6FA converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: E6 → 230, E6 → 230, FA → 250. That gives rgb(230, 230, 250). The step-by-step guide explains the math.
Shades of Lavender
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of Lavender
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of Lavender on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | Lavender | 1.23:1 | Fail |
| Black | Lavender | 17.06:1 | AAA |
Use black text on a lavender background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use Lavender in CSS
.element {
color: lavender; /* keyword */
background-color: #E6E6FA; /* hex */
border-color: rgb(230 230 250 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #E6E6FA80 is Lavender at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for Lavender?
The CSS named color lavender is #E6E6FA in hexadecimal. In CSS you can write color: lavender; or color: #E6E6FA; — both produce the same pixel.
What is Lavender in RGB?
Lavender is rgb(230, 230, 250): red 230, green 230, blue 250 on the 0–255 scale. As normalized 0–1 floats that is (0.902, 0.902, 0.98).
Is white or black text more readable on Lavender?
Black text is more readable. White on #E6E6FA has a contrast ratio of 1.23:1 (Fail), black on #E6E6FA has 17.06:1 (AAA). WCAG AA needs 4.5:1 for normal text.