Lilac vs Mauve
#c8a2c8 · #e0b0ff
Lilac#c8a2c8
Mauve#e0b0ff
Lilac and Mauve are clearly different. Mauve is 6.9% lighter. It is more saturated. The hue differs by 15°.
Difference
CIEDE200010.74clearly different
Lightness+6.9%
Chroma+0.051
Hue−15°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Lilac
- HEX
- RGB
- HSL
- OKLCH
Mauve
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaLilac / Mauve1.25:1 · APCA Lc 9Below WCAG AA for text
AaMauve / Lilac1.25:1 · APCA Lc -11Below WCAG AA for text
In between
Halfway in OKLab: #d4a9e3
Questions and answers
What is the difference between Lilac and Mauve?
Lilac and Mauve are clearly different. Mauve is 6.9% lighter. It is more saturated. The hue differs by 15°. Their CIEDE2000 color difference is 10.74.
Is Mauve lighter than Lilac?
Mauve is 6.9% lighter. In OKLCH, Lilac has a lightness of 75.9% and Mauve 82.7%.
Can I put Lilac text on Mauve?
The contrast ratio between them is 1.25:1. WCAG AA needs 4.5:1 for normal text and 3:1 for large text, so avoid it for text and use it for decoration only.