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

RGB rgb(221, 54, 185)

HSL hsl(313°, 71%, 54%)

CMYK C:0% M:76% Y:16% K:13%

Luminance 0.2143

WCAG Accessibility

On white 3.96:1

Aa — #DD36B9

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.3:1

Aa — #DD36B9

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DD36B9 #36DD5B

Analogous

#AE36DD #DD36B9 #DD3666

Triadic

#DD36B9 #B9DD36 #36B9DD

Split-comp.

#DD36B9 #66DD36 #36DDAE

Tetradic

#DD36B9 #DDAE36 #36DD5B #3666DD

Monochromatic

#390E30 #8C2275 #D142B2 #DB6BC3 #EAA9DC

Suggested palettes for this hue.

Blue Serenity View all →

Mediterranean View all →

Pop Art View all →