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

RGB rgb(165, 49, 148)

HSL hsl(309°, 54%, 42%)

CMYK C:0% M:70% Y:10% K:35%

Luminance 0.1224

WCAG Accessibility

On white 6.06:1

Aa — #A53194

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.47:1

Aa — #A53194

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A53194 #31A543

Analogous

#7C31A5 #A53194 #A5315A

Triadic

#A53194 #94A531 #3194A5

Split-comp.

#A53194 #5AA531 #31A57C

Tetradic

#A53194 #A57C31 #31A543 #315AA5

Monochromatic

#E5BDDF #C973BC #9A3C8C #762E6B #3E1839

Suggested palettes for this hue.

Marrakech View all →

Tokyo Neon View all →

Santorini View all →