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

RGB rgb(172, 53, 130)

HSL hsl(321°, 53%, 44%)

CMYK C:0% M:69% Y:24% K:33%

Luminance 0.1284

WCAG Accessibility

On white 5.86:1

Aa — #AC3582

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.59:1

Aa — #AC3582

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AC3582 #35AC5E

Analogous

#9A35AC #AC3582 #AC3547

Triadic

#AC3582 #82AC35 #3582AC

Split-comp.

#AC3582 #47AC35 #35AC9A

Tetradic

#AC3582 #AC9A35 #35AC5E #3547AC

Monochromatic

#E8C5DB #CB7CAF #A0407F #7C3162 #451C37

Suggested palettes for this hue.

Dark UI View all →

Golden Autumn View all →

Tropical Jungle View all →