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

RGB rgb(218, 31, 165)

HSL hsl(317°, 75%, 49%)

CMYK C:0% M:86% Y:24% K:15%

Luminance 0.1852

WCAG Accessibility

On white 4.45:1

Aa — #DA1FA5

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.72:1

Aa — #DA1FA5

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DA1FA5 #1FDB54

Analogous

#B21FDB #DA1FA5 #DB1F48

Triadic

#DA1FA5 #A6DB1F #1FA6DB

Split-comp.

#DA1FA5 #48DB1F #1FDBB2

Tetradic

#DA1FA5 #DBB21F #1FDB54 #1F48DB

Monochromatic

#F5D1EB #E37DC6 #CE2CA0 #A4237F #65154E

Suggested palettes for this hue.

Sunset View all →

Moss & Stone View all →

Leather & Wood View all →