In Western cultures, magenta can symbolize creativity and innovation, while in some Eastern traditions, it represents harmony and balance. The color evokes a sense of playfulness, contrasting with more traditional colors often associated with seriousness.
The name 'magenta' originated from the Battle of Magenta in 1859, where the dye was first synthesized shortly after. This synthetic dye, known as fuchsine, became a staple for textile production, revolutionizing the color palette available to fashion and art.
Ranked by CIE76 ΔE — the perceptual distance from Magenta. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 25 Pinks →Nine steps of Magenta by lightness — from #850085 (darkest) to #FF7AFF (lightest). Click any to copy.
Sitting opposite Magenta at 120° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Magenta.
Brands and institutions known for using Magenta.
A 50–900 tonal scale with Magenta anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: fuchsia; color-mix(in srgb, fuchsia 70%, white) 300°, 100%, 100% 0, 100, 0, 0 16711935 #FF00FF How Magenta appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.