Magenta (E52EA2) — Shades, Harmonies, Palettes, CSS Code

"Magenta"

Pink · Spring

🧠 Psychology

Emotional and creative color. Evokes transformation, innovation and modern femininity.

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

Magenta pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #E52EA2

RGB rgb(229, 46, 162)

HSL hsl(322°, 78%, 54%)

CMYK C:0% M:80% Y:29% K:10%

Luminance 0.2109

WCAG Accessibility

On white 4:1

Aa — #E52EA2

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.24:1

Aa — #E52EA2

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E52EA2 #2EE571

Analogous

#CD2EE5 #E52EA2 #E52E47

Triadic

#E52EA2 #A2E52E #2EA2E5

Split-comp.

#E52EA2 #47E52E #2EE5CD

Tetradic

#E52EA2 #E5CD2E #2EE571 #2E47E5

Monochromatic

#3C0B2A #921C66 #D93A9F #E265B4 #EEA5D3

Suggested palettes for this hue.

Icy Winter View all →

Santorini View all →

Marrakech View all →