Periwinkle vs Mauve
#ccccff · #e0b0ff
Periwinkle#ccccff
Mauve#e0b0ff
Periwinkle and Mauve are clearly different. Mauve is 3.5% darker. It is more saturated. The hue differs by 27°.
Difference
CIEDE200011.57clearly different
Lightness−3.5%
Chroma+0.049
Hue+27°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Periwinkle
- HEX
- RGB
- HSL
- OKLCH
Mauve
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaPeriwinkle / Mauve1.15:1 · APCA Lc 0Below WCAG AA for text
AaMauve / Periwinkle1.15:1 · APCA Lc 0Below WCAG AA for text
In between
Halfway in OKLab: #d7beff
Questions and answers
What is the difference between Periwinkle and Mauve?
Periwinkle and Mauve are clearly different. Mauve is 3.5% darker. It is more saturated. The hue differs by 27°. Their CIEDE2000 color difference is 11.57.
Is Mauve lighter than Periwinkle?
Mauve is 3.5% darker. In OKLCH, Periwinkle has a lightness of 86.2% and Mauve 82.7%.
Can I put Periwinkle text on Mauve?
The contrast ratio between them is 1.15: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.