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

RGB rgb(130, 10, 99)

HSL hsl(316°, 86%, 27%)

CMYK C:0% M:92% Y:24% K:49%

Luminance 0.0579

WCAG Accessibility

On white 9.67:1

Aa — #820A63

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.17:1

Aa — #820A63

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#820A63 #0A8029

Analogous

#640A80 #820A63 #800A25

Triadic

#820A63 #60800A #0A6080

Split-comp.

#820A63 #25800A #0A8064

Tetradic

#820A63 #80640A #0A8029 #0A2580

Monochromatic

#EB6BC9 #D31DA2 #79115D #4C0A3B #090107

Suggested palettes for this hue.

Purple Mystery View all →

Leather & Wood View all →

Sand Desert View all →