Named after the lilac flower. It's a soft, light violet with a romantic feel. You'll see it on bridesmaid dresses, stationery and in bedrooms.
Lilac (#C8A2C8) is a balanced, light, muted color. It belongs to the purples family. It mixes 200 red, 162 green and 200 blue (out of 255). It is mostly used in fashion, home decor, weddings.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--lilac: #C8A2C8;
--lilac-rgb: 200, 162, 200;
}
.bg { background-color: var(--lilac); }
.text { color: var(--lilac); }The hex code for lilac is #C8A2C8. In RGB it is rgb(200, 162, 200), in HSL hsl(300, 26%, 71%) and in CMYK 0, 19, 0, 22.
Its complement on the color wheel is #A2C8A2, close to sage green. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 2.2:1, while with black it is 9.5:1.
It pairs well with gray, white, sage green, pastel yellow, dusty pink. Avoid pairing it with intense reds or bright oranges, because lilac looks dull. Too much dark purple can feel overdone.