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

RGB rgb(176, 17, 87)

HSL hsl(334°, 82%, 38%)

CMYK C:0% M:90% Y:51% K:31%

Luminance 0.1027

WCAG Accessibility

On white 6.85:1

Aa — #B01157

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.06:1

Aa — #B01157

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B01157 #11B06B

Analogous

#B011A6 #B01157 #B01C11

Triadic

#B01157 #56B011 #1156B0

Split-comp.

#B01157 #11B01C #11A6B0

Tetradic

#B01157 #A6B011 #11B06B #1C11B0

Monochromatic

#EF9FC2 #E1478A #A71B58 #7B1441 #39091E

Suggested palettes for this hue.

Dark UI View all →

Electric Vibes View all →

Kyoto Zen View all →