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

RGB rgb(213, 54, 150)

HSL hsl(324°, 65%, 52%)

CMYK C:0% M:75% Y:30% K:16%

Luminance 0.1891

WCAG Accessibility

On white 4.38:1

Aa — #D53696

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.8:1

Aa — #D53696

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D53696 #35D475

Analogous

#C435D4 #D53696 #D43545

Triadic

#D53696 #95D435 #3595D4

Split-comp.

#D53696 #45D435 #35D4C4

Tetradic

#D53696 #D4C435 #35D475 #3545D4

Monochromatic

#2F0E22 #7E255B #C84192 #D369A9 #E5A4CB

Suggested palettes for this hue.

Mediterranean View all →

Moss & Stone View all →

Orange Energy View all →