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

RGB rgb(225, 34, 213)

HSL hsl(304°, 76%, 51%)

CMYK C:0% M:85% Y:5% K:12%

Luminance 0.2185

WCAG Accessibility

On white 3.9:1

Aa — #E122D5

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.39:1

Aa — #E122D5

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E122D5 #23E130

Analogous

#8F23E1 #E122D5 #E12375

Triadic

#E122D5 #D4E123 #23D4E1

Split-comp.

#E122D5 #75E123 #23E18F

Tetradic

#E122D5 #E18F23 #23E130 #2375E1

Monochromatic

#2F0A2C #831B7C #D530CA #DD5AD4 #EA99E5

Suggested palettes for this hue.

Marrakech View all →

Dark UI View all →

Vintage Sepia View all →