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

RGB rgb(198, 40, 161)

HSL hsl(314°, 66%, 47%)

CMYK C:0% M:80% Y:19% K:22%

Luminance 0.1603

WCAG Accessibility

On white 4.98:1

Aa — #C628A1

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.22:1

Aa — #C628A1

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C628A1 #29C74E

Analogous

#9D29C7 #C628A1 #C72953

Triadic

#C628A1 #A2C729 #29A2C7

Split-comp.

#C628A1 #53C729 #29C79D

Tetradic

#C628A1 #C79D29 #29C74E #2953C7

Monochromatic

#F0CBE8 #DA7CC4 #BB359C #932A7B #581949

Suggested palettes for this hue.

Marrakech View all →

Tropical Fruits View all →

Pop Matisse View all →