Violet vs Magenta
#ee82ee · #ff00ff
Violet#ee82ee
Magenta#ff00ff
Violet and Magenta are clearly different. Magenta is 6% darker. It is more saturated. The hue differs by 1°.
Difference
CIEDE200012.25clearly different
Lightness−6%
Chroma+0.136
Hue+1°
Below 1 the eye cannot tell them apart, around 2.3 is the smallest visible step.
Codes
Violet
- HEX
- RGB
- HSL
- OKLCH
Magenta
- HEX
- RGB
- HSL
- OKLCH
One on the other
AaViolet / Magenta1.35:1 · APCA Lc -10Below WCAG AA for text
AaMagenta / Violet1.35:1 · APCA Lc 8Below WCAG AA for text
In between
Halfway in OKLab: #f75bf7
Questions and answers
What is the difference between Violet and Magenta?
Violet and Magenta are clearly different. Magenta is 6% darker. It is more saturated. The hue differs by 1°. Their CIEDE2000 color difference is 12.25.
Is Magenta lighter than Violet?
Magenta is 6% darker. In OKLCH, Violet has a lightness of 76.2% and Magenta 70.2%.
Can I put Violet text on Magenta?
The contrast ratio between them is 1.35: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.