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

RGB rgb(142, 21, 118)

HSL hsl(312°, 74%, 32%)

CMYK C:0% M:85% Y:17% K:44%

Luminance 0.0748

WCAG Accessibility

On white 8.34:1

Aa — #8E1576

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.52:1

Aa — #8E1576

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8E1576 #158E2D

Analogous

#6A158E #8E1576 #8E1539

Triadic

#8E1576 #768E15 #15768E

Split-comp.

#8E1576 #398E15 #158E6A

Tetradic

#8E1576 #8E6A15 #158E2D #15398E

Monochromatic

#E58AD3 #D336B4 #861D71 #5C144E #1D0619

Suggested palettes for this hue.

Northern Lights View all →

Chocolate View all →

Dragonfruit View all →