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

RGB rgb(186, 103, 160)

HSL hsl(319°, 38%, 57%)

CMYK C:0% M:45% Y:14% K:27%

Luminance 0.2294

WCAG Accessibility

On white 3.79:1

Aa — #BA67A0

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.54:1

Aa — #BA67A0

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BA67A0 #68BB82

Analogous

#AC68BB #BA67A0 #BB6877

Triadic

#BA67A0 #A1BB68 #68A1BB

Split-comp.

#BA67A0 #77BB68 #68BBAC

Tetradic

#BA67A0 #BBAC68 #68BB82 #6877BB

Monochromatic

#371F30 #794468 #B0739D #C293B3 #DEC4D6

Suggested palettes for this hue.

Nordic View all →

Amazon View all →

Matcha Tea View all →