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

RGB rgb(143, 79, 120)

HSL hsl(322°, 29%, 44%)

CMYK C:0% M:45% Y:16% K:44%

Luminance 0.1276

WCAG Accessibility

On white 5.9:1

Aa — #8F4F78

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.56:1

Aa — #8F4F78

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8F4F78 #509168

Analogous

#885091 #8F4F78 #915058

Triadic

#8F4F78 #799150 #507991

Split-comp.

#8F4F78 #589150 #509188

Tetradic

#8F4F78 #918850 #509168 #505891

Monochromatic

#DECED8 #B592A8 #865B76 #67465B #3A2733

Suggested palettes for this hue.

Berries View all →

Sahara View all →

Pastel 80s View all →