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

RGB rgb(195, 69, 161)

HSL hsl(316°, 51%, 52%)

CMYK C:0% M:65% Y:17% K:24%

Luminance 0.1844

WCAG Accessibility

On white 4.48:1

Aa — #C345A1

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.69:1

Aa — #C345A1

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C345A1 #46C367

Analogous

#A646C3 #C345A1 #C34663

Triadic

#C345A1 #A2C346 #46A2C3

Split-comp.

#C345A1 #63C346 #46C3A6

Tetradic

#C345A1 #C3A646 #46C367 #4663C3

Monochromatic

#2B1224 #733061 #B7529C #C676B1 #DCACD0

Suggested palettes for this hue.

Volcano View all →

Green Meadow View all →

Pastel 80s View all →