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

RGB rgb(196, 79, 153)

HSL hsl(322°, 50%, 54%)

CMYK C:0% M:60% Y:22% K:23%

Luminance 0.1969

WCAG Accessibility

On white 4.26:1

Aa — #C44F99

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.93:1

Aa — #C44F99

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C44F99 #4FC47A

Analogous

#B54FC4 #C44F99 #C44F5F

Triadic

#C44F99 #99C44F #4F99C4

Split-comp.

#C44F99 #5FC44F #4FC4B5

Tetradic

#C44F99 #C4B54F #4FC47A #4F5FC4

Monochromatic

#321528 #793460 #B95B96 #C87EAD #DFB4CF

Suggested palettes for this hue.

Marrakech View all →

Tokyo Neon View all →

Electric Vibes View all →