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

RGB rgb(165, 23, 133)

HSL hsl(314°, 76%, 37%)

CMYK C:0% M:86% Y:19% K:35%

Luminance 0.1024

WCAG Accessibility

On white 6.86:1

Aa — #A51785

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.06:1

Aa — #A51785

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A51785 #17A638

Analogous

#8017A6 #A51785 #A6173D

Triadic

#A51785 #85A617 #1785A6

Split-comp.

#A51785 #3DA617 #17A680

Tetradic

#A51785 #A68017 #17A638 #173DA6

Monochromatic

#EB9ED9 #DA49B8 #9D2080 #72175D #330A29

Suggested palettes for this hue.

Golden Autumn View all →

Memphis Design View all →

Blue Serenity View all →