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

RGB rgb(190, 85, 139)

HSL hsl(329°, 45%, 54%)

CMYK C:0% M:55% Y:27% K:25%

Luminance 0.1941

WCAG Accessibility

On white 4.32:1

Aa — #BE558B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.86:1

Aa — #BE558B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BE558B #55BE88

Analogous

#BD55BE #BE558B #BE5557

Triadic

#BE558B #8BBE55 #558BBE

Split-comp.

#BE558B #57BE55 #55BEBD

Tetradic

#BE558B #BEBD55 #55BE88 #5557BE

Monochromatic

#301724 #753858 #B3618B #C383A4 #DCB7CA

Suggested palettes for this hue.

Matcha Tea View all →

Green Meadow View all →

Marrakech View all →