Magenta (EA2A70) — 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 #EA2A70

RGB rgb(234, 42, 112)

HSL hsl(338°, 82%, 54%)

CMYK C:0% M:82% Y:52% K:8%

Luminance 0.2013

WCAG Accessibility

On white 4.15:1

Aa — #EA2A70

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.06:1

Aa — #EA2A70

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#EA2A70 #2AEAA3

Analogous

#EA2AD0 #EA2A70 #EA432A

Triadic

#EA2A70 #70EA2A #2A70EA

Split-comp.

#EA2A70 #2AEA43 #2AD0EA

Tetradic

#EA2A70 #D0EA2A #2AEAA3 #432AEA

Monochromatic

#3D0A1D #951846 #DE3573 #E56192 #F0A3BF

Suggested palettes for this hue.

Tech Blue View all →

Coral Sea View all →

Velvet & Silk View all →