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

RGB rgb(195, 17, 106)

HSL hsl(330°, 84%, 42%)

CMYK C:0% M:91% Y:46% K:24%

Luminance 0.1301

WCAG Accessibility

On white 5.82:1

Aa — #C3116A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.61:1

Aa — #C3116A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C3116A #11C56B

Analogous

#C511C5 #C3116A #C51111

Triadic

#C3116A #6BC511 #116BC5

Split-comp.

#C3116A #11C511 #11C5C5

Tetradic

#C3116A #C5C511 #11C56B #1111C5

Monochromatic

#F3AFD1 #E6569E #BA1C6B #8E1552 #4B0B2B

Suggested palettes for this hue.

Gradient Sunset View all →

Northern Lights View all →

Provence Lavender View all →