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

RGB rgb(164, 97, 141)

HSL hsl(321°, 27%, 51%)

CMYK C:0% M:41% Y:14% K:36%

Luminance 0.1854

WCAG Accessibility

On white 4.49:1

Aa — #A4618D

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.67:1

Aa — #A4618D

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A4618D #60A478

Analogous

#9A60A4 #A4618D #A4606A

Triadic

#A4618D #8CA460 #608CA4

Split-comp.

#A4618D #6AA460 #60A49A

Tetradic

#A4618D #A49A60 #60A478 #606AA4

Monochromatic

#21171D #5C4253 #976D88 #AC8BA1 #CCB7C5

Suggested palettes for this hue.

Sand Desert View all →

Santorini View all →

Northern Lights View all →