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

RGB rgb(184, 62, 130)

HSL hsl(327°, 50%, 48%)

CMYK C:0% M:66% Y:29% K:28%

Luminance 0.152

WCAG Accessibility

On white 5.19:1

Aa — #B83E82

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.05:1

Aa — #B83E82

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B83E82 #3DB874

Analogous

#B13DB8 #B83E82 #B83D43

Triadic

#B83E82 #81B83D #3D81B8

Split-comp.

#B83E82 #43B83D #3DB8B1

Tetradic

#B83E82 #B8B13D #3DB874 #3D43B8

Monochromatic

#EDD4E2 #CE8DB1 #AB497F #883A65 #52233D

Suggested palettes for this hue.

Velvet & Silk View all →

Amazon View all →

Nordic View all →