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

RGB rgb(221, 11, 117)

HSL hsl(330°, 91%, 45%)

CMYK C:0% M:95% Y:47% K:13%

Luminance 0.1689

WCAG Accessibility

On white 4.8:1

Aa — #DD0B75

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.38:1

Aa — #DD0B75

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DD0B75 #0ADB73

Analogous

#DB0ADB #DD0B75 #DB0A0A

Triadic

#DD0B75 #73DB0A #0A73DB

Split-comp.

#DD0B75 #0ADB0A #0ADBDB

Tetradic

#DD0B75 #DBDB0A #0ADB73 #0A0ADB

Monochromatic

#F8BAD9 #EE5DA6 #D01673 #A21159 #5C0A33

Suggested palettes for this hue.

Amazon View all →

White Marble View all →

Rose Gold View all →