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

RGB rgb(85, 11, 72)

HSL hsl(311°, 77%, 19%)

CMYK C:0% M:87% Y:15% K:67%

Luminance 0.0241

WCAG Accessibility

On white 13.75:1

Aa — #550B48

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.53:1

Aa — #550B48

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#550B48 #0B5619

Analogous

#3E0B56 #550B48 #560B23

Triadic

#550B48 #48560B #0B4856

Split-comp.

#550B48 #23560B #0B563E

Tetradic

#550B48 #563E0B #0B5619 #0B2356

Monochromatic

#DC50C3 #A6218E #511045 #260821 #000000

Suggested palettes for this hue.

Coffee & Cream View all →

Tropical Fruits View all →

Sahara View all →