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

RGB rgb(224, 59, 186)

HSL hsl(314°, 73%, 55%)

CMYK C:0% M:74% Y:17% K:12%

Luminance 0.2245

WCAG Accessibility

On white 3.82:1

Aa — #E03BBA

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.5:1

Aa — #E03BBA

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E03BBA #38E060

Analogous

#B338E0 #E03BBA #E03865

Triadic

#E03BBA #B9E038 #38B9E0

Split-comp.

#E03BBA #65E038 #38E0B3

Tetradic

#E03BBA #E0B338 #38E060 #3865E0

Monochromatic

#3E0E33 #912177 #D544B3 #DE6EC4 #ECACDD

Suggested palettes for this hue.

Tokyo Neon View all →

Marrakech View all →

Northern Lights View all →