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

RGB rgb(198, 78, 164)

HSL hsl(317°, 51%, 54%)

CMYK C:0% M:61% Y:17% K:22%

Luminance 0.202

WCAG Accessibility

On white 4.18:1

Aa — #C64EA4

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.03:1

Aa — #C64EA4

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C64EA4 #4EC670

Analogous

#AC4EC6 #C64EA4 #C64E68

Triadic

#C64EA4 #A4C64E #4EA4C6

Split-comp.

#C64EA4 #68C64E #4EC6AC

Tetradic

#C64EA4 #C6AC4E #4EC670 #4E68C6

Monochromatic

#32152A #7A3366 #BA5A9F #C97EB4 #DFB3D3

Suggested palettes for this hue.

Sand Desert View all →

Provence Lavender View all →

Blue Serenity View all →