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

RGB rgb(213, 38, 151)

HSL hsl(321°, 70%, 49%)

CMYK C:0% M:82% Y:29% K:16%

Luminance 0.1767

WCAG Accessibility

On white 4.61:1

Aa — #D52697

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.55:1

Aa — #D52697

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D52697 #25D463

Analogous

#BA25D4 #D52697 #D42540

Triadic

#D52697 #97D425 #2597D4

Split-comp.

#D52697 #40D425 #25D4BA

Tetradic

#D52697 #D4BA25 #25D463 #2540D4

Monochromatic

#F4D2E8 #DF81BE #C83293 #9F2875 #621848

Suggested palettes for this hue.

Amber Warning View all →

Danger Red View all →

Volcano View all →