Lilac is a medium-light, muted shade in the pink color family, with a warm feel. Its HEX code is #C8A2C8, which equals rgb(200, 162, 200) in RGB and hsl(300, 26%, 71%) in HSL. In print terms it converts to roughly C0 M19 Y0 K22, although exact CMYK results depend on the paper and color profile.
- HEX
#C8A2C8 - RGB
200, 162, 200 - HSL
300°, 26%, 71% - CMYK
0, 19, 0, 22 - Family
Pink - Tone
Medium-light, muted
About Lilac
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 9.46:1. Its complementary color is #A2C8A2.
Download Lilac as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Lilac color codes
| HEX | #C8A2C8 |
|---|---|
| RGB | rgb(200, 162, 200) |
| HSL | hsl(300, 26%, 71%) |
| HSV | 300°, 19%, 78% |
| CMYK | 0%, 19%, 0%, 22% |
| Decimal | 13148872 |
Shades and tints of Lilac
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F0F6 - 100
#EDE0ED - 200
#E4D1E4 - 300
#DAC1DA - 400
#D1B2D1 - 500
#C8A2C8 - 600
#A787A7 - 700
#856C85 - 800
#645164 - 900
#433643 - 950
#211B21
Color harmonies for Lilac
- Complementary
#A2C8A2≈ Pale Dusty Green - Analogous −30°
#B5A2C8≈ Pale Muted Periwinkle - Analogous +30°
#C8A2B5≈ Pale Muted Carmine - Triadic +120°
#C8C8A2≈ Pale Dusty Gold - Triadic +240°
#A2C8C8≈ Pale Dusty Lagoon - Split 150°
#B5C8A2≈ Pale Dusty Clover - Split 210°
#A2C8B5≈ Pale Dusty Emerald
Contrast and accessibility of Lilac
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Lilac | Aa | 2.22:1 | Fails |
| Black text on Lilac | Aa | 9.46:1 | AAA (excellent) |
CSS code for Lilac
background-color: #C8A2C8;color: #C8A2C8;background-color: rgb(200, 162, 200);background-color: hsl(300, 26%, 71%);:root { --color-lilac: #C8A2C8; }class="bg-[#C8A2C8]"Colors similar to Lilac
- Pale Muted Grape
#C7A2D7 - Pale Muted Purple
#CDA2D7 - Pale Muted Amethyst
#C2A2D7 - Pale Muted Raspberry
#D7A2C7 - Pale Muted Cerise
#D7A2CD - Pale Dusty Orchid
#C7AFCA - Pale Dusty Fuchsia
#CAAFC7 - Pale Dusty Magenta
#CAAFCA - Pale Dusty Cerise
#CAAFC5 - Pale Dusty Purple
#C5AFCA - Pale Muted Rose
#D7A2C2 - Pale Dusty Raspberry
#CAAFC2
More pink shades
- Fuchsia
#FF00FF - Medium Violet Red
#C71585 - Misty Rose
#FFE4E1 - Plum
#DDA0DD - Purple
#800080 - Ruby
#E0115F - Eggplant
#614051 - Raspberry
#E30B5D - Rose
#FF007F - Fandango
#B53389 - Byzantium
#702963
Frequently asked questions
What is the HEX code for Lilac?
The HEX code for Lilac is #C8A2C8.
What is the RGB value of Lilac?
Lilac has an RGB value of 200, 162, 200 (rgb(200, 162, 200)). In HSL it is 300°, 26%, 71%.
What text color should I use on Lilac?
Use black text on Lilac. White text has a contrast ratio of 2.22:1 and black text has 9.46:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Lilac?
The complementary color of Lilac is #A2C8A2. Analogous colors #B5A2C8 and #C8A2B5 also pair well.