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

RGB rgb(197, 10, 151)

HSL hsl(315°, 90%, 41%)

CMYK C:0% M:95% Y:23% K:23%

Luminance 0.1439

WCAG Accessibility

On white 5.43:1

Aa — #C50A97

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.86:1

Aa — #C50A97

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C50A97 #0AC73A

Analogous

#980AC7 #C50A97 #C70A3A

Triadic

#C50A97 #98C70A #0A98C7

Split-comp.

#C50A97 #3AC70A #0AC798

Tetradic

#C50A97 #C7980A #0AC73A #0A3AC7

Monochromatic

#F5A8E2 #EB4CC3 #BC1592 #8E106F #490839

Suggested palettes for this hue.

Blue Serenity View all →

Red Passion View all →

Tropical Jungle View all →