Periwinkle vs Lavender
#ccccff · #e6e6fa
Periwinkle#ccccff
Lavender#e6e6fa
Periwinkle and Lavender are clearly different. Lavender is 6.9% lighter. It is less saturated. The hue differs by 1°.
Difference
CIEDE200010.5clearly different
Lightness+6.9%
Chroma−0.044
Hue+1°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Periwinkle
- HEX
- RGB
- HSL
- OKLCH
Lavender
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaPeriwinkle / Lavender1.25:1 · APCA Lc 11Below WCAG AA for text
AaLavender / Periwinkle1.25:1 · APCA Lc -13Below WCAG AA for text
In between
Halfway in OKLab: #d9d9fd
Questions and answers
What is the difference between Periwinkle and Lavender?
Periwinkle and Lavender are clearly different. Lavender is 6.9% lighter. It is less saturated. The hue differs by 1°. Their CIEDE2000 color difference is 10.5.
Is Lavender lighter than Periwinkle?
Lavender is 6.9% lighter. In OKLCH, Periwinkle has a lightness of 86.2% and Lavender 93.1%.
Can I put Periwinkle text on Lavender?
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.