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

RGB rgb(231, 28, 198)

HSL hsl(310°, 81%, 51%)

CMYK C:0% M:88% Y:14% K:9%

Luminance 0.218

WCAG Accessibility

On white 3.9:1

Aa — #E71CC6

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.38:1

Aa — #E71CC6

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E71CC6 #1DE73F

Analogous

#A41DE7 #E71CC6 #E71D60

Triadic

#E71CC6 #C6E71D #1DC6E7

Split-comp.

#E71CC6 #60E71D #1DE7A4

Tetradic

#E71CC6 #E7A41D #1DE73F #1D60E7

Monochromatic

#300829 #871774 #DB29BD #E255CB #ED96DF

Suggested palettes for this hue.

Amazon View all →

Matcha View all →

Marrakech View all →