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

RGB rgb(236, 21, 121)

HSL hsl(332°, 85%, 50%)

CMYK C:0% M:91% Y:49% K:7%

Luminance 0.1962

WCAG Accessibility

On white 4.24:1

Aa — #EC1579

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.95:1

Aa — #EC1579

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#EC1579 #13EC87

Analogous

#EC13E5 #EC1579 #EC1A13

Triadic

#EC1579 #78EC13 #1378EC

Split-comp.

#EC1579 #13EC1A #13E5EC

Tetradic

#EC1579 #E5EC13 #13EC87 #1A13EC

Monochromatic

#2D0618 #861349 #DF2079 #E64C94 #EF8FBC

Suggested palettes for this hue.

Tropical Fruits View all →

Santorini View all →

Purple UI View all →