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

RGB rgb(166, 24, 137)

HSL hsl(312°, 75%, 37%)

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

Luminance 0.105

WCAG Accessibility

On white 6.75:1

Aa — #A61889

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.11:1

Aa — #A61889

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A61889 #18A534

Analogous

#7B18A5 #A61889 #A51842

Triadic

#A61889 #89A518 #1889A5

Split-comp.

#A61889 #42A518 #18A57B

Tetradic

#A61889 #A57B18 #18A534 #1842A5

Monochromatic

#EA9EDB #D94ABC #9C2183 #721860 #320B2B

Suggested palettes for this hue.

Nordic View all →

Chocolate View all →

Icy Winter View all →