Purple family
Lilac color
A light, soft purple with cool undertones. The reference lilac is #CEA2FD, as defined by the xkcd Color Survey.
| HEX | #CEA2FD | |
|---|---|---|
| RGB | rgb(206, 162, 253) | |
| HSL | hsl(269, 96%, 81%) | |
| HSV | hsv(269, 36%, 99%) | |
| OKLCH | oklch(78.5% 0.134 305.7) | |
| CMYK* | 19, 36, 0, 1 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is lilac?
Lilac is a pale pinkish purple named after the lilac flower (Syringa). It is not a CSS keyword; the xkcd survey and the Color Names list agree on #CEA2FD. It sits between lavender and mauve.
Lilac hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of lilac in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Lilac | #CEA2FD | xkcd Color Survey | Reference shown on this page |
| Lilac | #CEA2FD | Color Names (meodai) | Same color |
Lilac vs Lavender
#CEA2FD
#E6E6FA
Lavender is bluer and cooler; lilac is warmer and pinker. In numbers: the two are 27% similar (OKLab distance 0.182). See Lavender for its own codes.
Colors similar to lilac
The closest named colors to #CEA2FD across all three sources, with their similarity in OKLab.
Tints and shades of lilac
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with lilac
Classic color-wheel combinations built on #CEA2FD, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Lilac with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a lilac background, black text is the better choice.
Use lilac in CSS
.lilac {
color: #CEA2FD;
/* or */ color: rgb(206 162 253);
/* or */ color: hsl(269 96% 81%);
/* or */ color: oklch(78.5% 0.134 305.7);
}