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

RGB rgb(183, 14, 177)

HSL hsl(302°, 86%, 39%)

CMYK C:0% M:92% Y:3% K:28%

Luminance 0.136

WCAG Accessibility

On white 5.66:1

Aa — #B70EB1

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.71:1

Aa — #B70EB1

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B70EB1 #0EB914

Analogous

#690EB9 #B70EB1 #B90E5E

Triadic

#B70EB1 #B3B90E #0EB3B9

Split-comp.

#B70EB1 #5EB90E #0EB969

Tetradic

#B70EB1 #B9690E #0EB914 #0E5EB9

Monochromatic

#F2A1EF #E647E1 #AF18AA #82127E #3F093D

Suggested palettes for this hue.

Red Passion View all →

Neon 90s View all →

Concrete Steel View all →