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

RGB rgb(195, 26, 148)

HSL hsl(317°, 76%, 43%)

CMYK C:0% M:87% Y:24% K:24%

Luminance 0.1444

WCAG Accessibility

On white 5.39:1

Aa — #C31A94

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.9:1

Aa — #C31A94

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C31A94 #1AC14A

Analogous

#9D1AC1 #C31A94 #C11A3E

Triadic

#C31A94 #92C11A #1A92C1

Split-comp.

#C31A94 #3EC11A #1AC19D

Tetradic

#C31A94 #C19D1A #1AC14A #1A3EC1

Monochromatic

#F0B7E0 #DF62BC #B6258D #8C1D6C #4C103B

Suggested palettes for this hue.

Deep Ocean View all →

Chocolate View all →

Nordic View all →