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

RGB rgb(223, 49, 144)

HSL hsl(327°, 73%, 53%)

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

Luminance 0.1978

WCAG Accessibility

On white 4.22:1

Aa — #DF3190

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.98:1

Aa — #DF3190

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF3190 #30DF7E

Analogous

#D630DF #DF3190 #DF3038

Triadic

#DF3190 #90DF30 #3090DF

Split-comp.

#DF3190 #38DF30 #30DFD6

Tetradic

#DF3190 #DFD630 #30DF7E #3038DF

Monochromatic

#360C23 #891F59 #D33C8F #DC65A7 #EAA4CA

Suggested palettes for this hue.

Tokyo Neon View all →

Matcha Tea View all →

Deep Ocean View all →