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

RGB rgb(230, 29, 160)

HSL hsl(321°, 80%, 51%)

CMYK C:0% M:87% Y:30% K:10%

Luminance 0.2013

WCAG Accessibility

On white 4.16:1

Aa — #E61DA0

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.05:1

Aa — #E61DA0

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E61DA0 #1EE664

Analogous

#C81EE6 #E61DA0 #E61E3C

Triadic

#E61DA0 #A0E61E #1EA0E6

Split-comp.

#E61DA0 #3CE61E #1EE6C8

Tetradic

#E61DA0 #E6C81E #1EE664 #1E3CE6

Monochromatic

#300822 #861860 #DA2B9C #E156B0 #ED97CF

Suggested palettes for this hue.

Moss & Stone View all →

Orange Energy View all →

Gold & Black View all →