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

RGB rgb(200, 84, 174)

HSL hsl(313°, 51%, 56%)

CMYK C:0% M:58% Y:13% K:22%

Luminance 0.2179

WCAG Accessibility

On white 3.94:1

Aa — #C854AE

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.34:1

Aa — #C854AE

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C854AE #56C86E

Analogous

#A856C8 #C854AE #C85676

Triadic

#C854AE #AFC856 #56AFC8

Split-comp.

#C854AE #76C856 #56C8A8

Tetradic

#C854AE #C8A856 #56C86E #5676C8

Monochromatic

#3A1832 #813671 #BD61A9 #CC85BC #E2BBDA

Suggested palettes for this hue.

Red Passion View all →

Dark UI View all →

Green Meadow View all →