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

RGB rgb(223, 45, 149)

HSL hsl(325°, 74%, 53%)

CMYK C:0% M:80% Y:33% K:13%

Luminance 0.1962

WCAG Accessibility

On white 4.25:1

Aa — #DF2D95

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.95:1

Aa — #DF2D95

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF2D95 #2EE078

Analogous

#D12EE0 #DF2D95 #E02E3D

Triadic

#DF2D95 #96E02E #2E96E0

Split-comp.

#DF2D95 #3DE02E #2EE0D1

Tetradic

#DF2D95 #E0D12E #2EE078 #2E3DE0

Monochromatic

#360C25 #8A1E5D #D43A94 #DD64AB #EBA3CD

Suggested palettes for this hue.

Provence Lavender View all →

Northern Lights View all →

Amazon View all →