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

RGB rgb(213, 64, 145)

HSL hsl(327°, 64%, 54%)

CMYK C:0% M:70% Y:32% K:16%

Luminance 0.1981

WCAG Accessibility

On white 4.22:1

Aa — #D54091

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.97:1

Aa — #D54091

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D54091 #3FD582

Analogous

#CD3FD5 #D54091 #D53F46

Triadic

#D54091 #91D53F #3F91D5

Split-comp.

#D54091 #46D53F #3FD5CD

Tetradic

#D54091 #D5CD3F #3FD582 #3F46D5

Monochromatic

#371026 #86285B #C94A90 #D572A8 #E6ADCC

Suggested palettes for this hue.

White Marble View all →

Grey Minimal View all →

Pearl Zen View all →