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

RGB rgb(175, 81, 129)

HSL hsl(329°, 37%, 50%)

CMYK C:0% M:54% Y:26% K:31%

Luminance 0.1664

WCAG Accessibility

On white 4.86:1

Aa — #AF5181

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.32:1

Aa — #AF5181

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AF5181 #50AF7E

Analogous

#AD50AF #AF5181 #AF5052

Triadic

#AF5181 #81AF50 #5081AF

Split-comp.

#AF5181 #52AF50 #50AFAD

Tetradic

#AF5181 #AFAD50 #50AF7E #5052AF

Monochromatic

#20131A #61384D #A25D81 #B57D9A #D0AEC0

Suggested palettes for this hue.

Marrakech View all →

Amazon View all →

Matcha View all →