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

RGB rgb(199, 28, 151)

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

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

Luminance 0.1516

WCAG Accessibility

On white 5.2:1

Aa — #C71C97

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.04:1

Aa — #C71C97

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C71C97 #1DC94D

Analogous

#A41DC9 #C71C97 #C91D42

Triadic

#C71C97 #98C91D #1D98C9

Split-comp.

#C71C97 #42C91D #1DC9A4

Tetradic

#C71C97 #C9A41D #1DC94D #1D42C9

Monochromatic

#F2C0E4 #E06CBF #BD2893 #931F72 #541241

Suggested palettes for this hue.

Retro 70s View all →

Golden Autumn View all →

Grey Minimal View all →