Lilac hex code
The hex code for lilac is #C8A2C8. In RGB that is rgb(200, 162, 200) and in HSL it is hsl(300, 26%, 71%).
The hex code for lilac is #C8A2C8. In RGB that is rgb(200, 162, 200) and in HSL it is hsl(300, 26%, 71%).
Lilac · #C8A2C8
Colour codes
- HEX
- #C8A2C8
- RGB
- rgb(200, 162, 200)
- HSL
- hsl(300, 26%, 71%)
- CMYK
- 0, 19, 0, 22
- Contrast on white
- 2.22:1
- Contrast on black
- 9.46:1
Tints and shades
20% lighter · #d3b5d3
40% lighter · #dec7de
60% lighter · #e9dae9
80% lighter · #f4ecf4
20% darker · #a082a0
40% darker · #786178
60% darker · #504150
80% darker · #282028
Complementary colour
Lilac · #C8A2C8
Opposite on the colour wheel · #a2c8a2
Frequently asked questions
What is the hex code for lilac?
The hex code for lilac is #C8A2C8. In RGB that is rgb(200, 162, 200) and in HSL it is hsl(300, 26%, 71%).
Can I use lilac for text?
It has a contrast ratio of 2.22:1 on white and 9.46:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with lilac?
Its complementary colour, opposite on the colour wheel, is #A2C8A2. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of lilac instead.
Is lilac a CSS colour name?
No. Lilac is a common name rather than a CSS keyword, and different sources use slightly different values. #C8A2C8 is the most widely used one - use the hex value in CSS.