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

RGB rgb(229, 43, 222)

HSL hsl(302°, 78%, 53%)

CMYK C:0% M:81% Y:3% K:10%

Luminance 0.2353

WCAG Accessibility

On white 3.66:1

Aa — #E52BDE

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.73:1

Aa — #E52BDE

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E52BDE #2AE530

Analogous

#8D2AE5 #E52BDE #E52A81

Triadic

#E52BDE #DEE52A #2ADEE5

Split-comp.

#E52BDE #81E52A #2AE58D

Tetradic

#E52BDE #E58D2A #2AE530 #2A81E5

Monochromatic

#380B36 #8D1B8A #D936D3 #E160DD #EDA1EB

Suggested palettes for this hue.

Dark UI View all →

Coffee & Cream View all →

Success Green View all →