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

RGB rgb(190, 85, 143)

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

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

Luminance 0.1953

WCAG Accessibility

On white 4.3:1

Aa — #BE558F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.89:1

Aa — #BE558F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BE558F #55BE84

Analogous

#B955BE #BE558F #BE555A

Triadic

#BE558F #8FBE55 #558FBE

Split-comp.

#BE558F #5ABE55 #55BEB9

Tetradic

#BE558F #BEB955 #55BE84 #555ABE

Monochromatic

#301725 #75385A #B3618E #C383A6 #DCB7CB

Suggested palettes for this hue.

Purple Mystery View all →

Berries View all →

Gradient Sunset View all →