#C8A2C8
Purple family

Lilac

Also known as: delicate · muted · fragrant · soft · serene
Save
Hex #C8A2C8
RGB rgb(200, 162, 200)
HSL hsl(300°, 26%, 71%)
CMYK 0 · 19 · 0 · 22

Meaning

In Western cultures, lilac often symbolizes innocence and purity, while in Eastern traditions, it can represent the transient beauty of life. This nuanced significance reflects its duality, representing both the joy of new beginnings and the fleeting nature of beauty.

The term 'lilac' comes from the Arabic word 'līlak', which means 'bluish'. First documented in English in the 17th century, lilac pigments were initially derived from plants, but synthetic dyes emerged in the 19th century, expanding its use in fashion and design.

delicatemutedfragrantsoftserene

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Lilac. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 31 Purples →

Shades & tints

Nine steps of Lilac by lightness — from #685468 (darkest) to #E2CFE2 (lightest). Click any to copy.

-40% #685468
-30% #806880
-20% #987B98
-10% #B08FB0
BASE #C8A2C8
+15% #CFADCF
+30% #D5B8D5
+50% #DCC3DC
+70% #E2CFE2

Complementary

Sitting opposite Lilac at 120° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Lilac.

#C8A2C8
#FFEBB7
#F5F5F5
#A2C8D8
#7D7D7D

Spring Awakening

Fresh Bloom
#C8A2C8
#6A5ACD
#FFFFFF
#E0B0FF
#B0C4DE

Gentle Serenity

Calm Harmony
#C8A2C8
#FFC0CB
#F5F5F5
#FFE4E1
#DDA0DD

Whimsical Dream

Playful Fantasy

Lilac scale

A 50–900 tonal scale with Lilac anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FBF8FB
100 #F5EEF5
200 #EADCEA
300 #DFC9DF
400 #D4B6D4
500 #C8A2C8
600 #A485A4
700 #846B84
800 #645164
900 #443744

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 9.46:1
Lilac as text on… Ratio AA AAA
Aa White background 2.22:1 Fail Fail
Aa Black background 9.46:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #C8A2C8

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #C8A2C8;
CSS color-mix (lighten 30%) color-mix(in srgb, #C8A2C8 70%, white)
HSV / HSB 300°, 19%, 78%
CMYK (print) 0, 19, 0, 22
Decimal 13148872
Nearest web-safe #CC99CC

Color vision

How Lilac appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#C8A2C8

Protanopia (no red)

#B8B7BF

Deuteranopia (no green)

#BABDBD

Tritanopia (no blue)

#C6B8B6
Lavender
4 / 31 Purples Plum
Copied!