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

RGB rgb(221, 54, 140)

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

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

Luminance 0.198

WCAG Accessibility

On white 4.22:1

Aa — #DD368C

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.98:1

Aa — #DD368C

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DD368C #36DD87

Analogous

#DA36DD #DD368C #DD3639

Triadic

#DD368C #8CDD36 #368CDD

Split-comp.

#DD368C #39DD36 #36DDDA

Tetradic

#DD368C #DDDA36 #36DD87 #3639DD

Monochromatic

#390E24 #8C2258 #D1428C #DB6BA5 #EAA9CB

Suggested palettes for this hue.

Dragonfruit View all →

Amazon View all →

Neon 90s View all →