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

RGB rgb(165, 111, 156)

HSL hsl(310°, 23%, 54%)

CMYK C:0% M:33% Y:5% K:35%

Luminance 0.2208

WCAG Accessibility

On white 3.92:1

Aa — #A56F9C

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.35:1

Aa — #A56F9C

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A56F9C #6FA578

Analogous

#936FA5 #A56F9C #A56F81

Triadic

#A56F9C #9CA56F #6F9CA5

Split-comp.

#A56F9C #81A56F #6FA593

Tetradic

#A56F9C #A5936F #6FA578 #6F81A5

Monochromatic

#281F27 #624B5E #997A94 #AF97AB #D0C2CE

Suggested palettes for this hue.

Red Passion View all →

Moss & Stone View all →

Green Meadow View all →