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

RGB rgb(228, 22, 218)

HSL hsl(303°, 82%, 49%)

CMYK C:0% M:90% Y:4% K:11%

Luminance 0.2206

WCAG Accessibility

On white 3.87:1

Aa — #E416DA

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.43:1

Aa — #E416DA

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E416DA #16E321

Analogous

#8716E3 #E416DA #E31673

Triadic

#E416DA #D9E316 #16D9E3

Split-comp.

#E416DA #73E316 #16E387

Tetradic

#E416DA #E38716 #16E321 #1673E3

Monochromatic

#F7CFF5 #E977E3 #D723CE #AB1CA4 #691165

Suggested palettes for this hue.

Moss & Stone View all →

Arctic Tundra View all →

Night Velvet View all →