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

RGB rgb(207, 68, 158)

HSL hsl(321°, 59%, 54%)

CMYK C:0% M:67% Y:24% K:19%

Luminance 0.1986

WCAG Accessibility

On white 4.22:1

Aa — #CF449E

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.97:1

Aa — #CF449E

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CF449E #44CF75

Analogous

#BA44CF #CF449E #CF4459

Triadic

#CF449E #9ECF44 #449ECF

Split-comp.

#CF449E #59CF44 #44CFBA

Tetradic

#CF449E #CFBA44 #44CF75 #4459CF

Monochromatic

#351229 #812C63 #C3509B #D076B1 #E4AFD1

Suggested palettes for this hue.

Autumn Forest View all →

Berries View all →

Provence Lavender View all →