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

RGB rgb(180, 106, 152)

HSL hsl(323°, 33%, 56%)

CMYK C:0% M:41% Y:16% K:29%

Luminance 0.2256

WCAG Accessibility

On white 3.85:1

Aa — #B46A98

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.46:1

Aa — #B46A98

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B46A98 #6AB486

Analogous

#AB6AB4 #B46A98 #B46A72

Triadic

#B46A98 #97B46A #6A97B4

Split-comp.

#B46A98 #72B46A #6AB4AB

Tetradic

#B46A98 #B4AB6A #6AB486 #6A72B4

Monochromatic

#321F2B #714761 #A97595 #BC94AD #DAC3D1

Suggested palettes for this hue.

Velvet & Silk View all →

Tropical Jungle View all →

Electric Vibes View all →