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

RGB rgb(217, 58, 180)

HSL hsl(314°, 68%, 54%)

CMYK C:0% M:73% Y:17% K:15%

Luminance 0.2101

WCAG Accessibility

On white 4.03:1

Aa — #D93AB4

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.21:1

Aa — #D93AB4

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D93AB4 #3AD95F

Analogous

#AF3AD9 #D93AB4 #D93A64

Triadic

#D93AB4 #B4D93A #3AB4D9

Split-comp.

#D93AB4 #64D93A #3AD9AF

Tetradic

#D93AB4 #D9AF3A #3AD95F #3A64D9

Monochromatic

#380F2F #892472 #CE46AE #D86EC0 #E9AADA

Suggested palettes for this hue.

Kyoto Zen View all →

Sand Desert View all →

Northern Lights View all →