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

RGB rgb(184, 98, 179)

HSL hsl(303°, 38%, 55%)

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

Luminance 0.2241

WCAG Accessibility

On white 3.86:1

Aa — #B862B3

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.44:1

Aa — #B862B3

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B862B3 #61B865

Analogous

#9161B8 #B862B3 #B86188

Triadic

#B862B3 #B3B861 #61B3B8

Split-comp.

#B862B3 #88B861 #61B891

Tetradic

#B862B3 #B89161 #61B865 #6188B8

Monochromatic

#311C30 #724070 #AC6CA9 #BF8DBC #DABED9

Suggested palettes for this hue.

Mediterranean View all →

White Marble View all →

Marrakech View all →