Mauve vs Violet
#e0b0ff · #ee82ee
Mauve#e0b0ff
Violet#ee82ee
Mauve and Violet are clearly different. Violet is 6.5% darker. It is more saturated. The hue differs by 16°.
Difference
CIEDE200011.46clearly different
Lightness−6.5%
Chroma+0.067
Hue+16°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Mauve
- HEX
- RGB
- HSL
- OKLCH
Violet
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaMauve / Violet1.3:1 · APCA Lc -12Below WCAG AA for text
AaViolet / Mauve1.3:1 · APCA Lc 10Below WCAG AA for text
In between
Halfway in OKLab: #e89af7
Questions and answers
What is the difference between Mauve and Violet?
Mauve and Violet are clearly different. Violet is 6.5% darker. It is more saturated. The hue differs by 16°. Their CIEDE2000 color difference is 11.46.
Is Violet lighter than Mauve?
Violet is 6.5% darker. In OKLCH, Mauve has a lightness of 82.7% and Violet 76.2%.
Can I put Mauve text on Violet?
The contrast ratio between them is 1.3: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.