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

RGB rgb(136, 92, 117)

HSL hsl(326°, 19%, 45%)

CMYK C:0% M:32% Y:14% K:47%

Luminance 0.1423

WCAG Accessibility

On white 5.48:1

Aa — #885C75

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.83:1

Aa — #885C75

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#885C75 #5D8970

Analogous

#865D89 #885C75 #895D60

Triadic

#885C75 #76895D #5D7689

Split-comp.

#885C75 #60895D #5D8986

Tetradic

#885C75 #89865D #5D8970 #5D6089

Monochromatic

#DCD5D9 #AE9EA7 #7D6874 #61515A #382E34

Suggested palettes for this hue.

Purple UI View all →

Memphis Design View all →

Cherry Blossom View all →