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

RGB rgb(221, 54, 143)

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

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

Luminance 0.1989

WCAG Accessibility

On white 4.2:1

Aa — #DD368F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5:1

Aa — #DD368F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DD368F #36DD84

Analogous

#D736DD #DD368F #DD363C

Triadic

#DD368F #8FDD36 #368FDD

Split-comp.

#DD368F #3CDD36 #36DDD7

Tetradic

#DD368F #DDD736 #36DD84 #363CDD

Monochromatic

#390E25 #8C225A #D1428E #DB6BA7 #EAA9CC

Suggested palettes for this hue.

Coral Sea View all →

Nordic View all →

Art Deco View all →