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

RGB rgb(175, 100, 143)

HSL hsl(326°, 32%, 54%)

CMYK C:0% M:43% Y:18% K:31%

Luminance 0.2043

WCAG Accessibility

On white 4.16:1

Aa — #AF648F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.04:1

Aa — #AF648F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AF648F #64AF85

Analogous

#AA64AF #AF648F #AF6469

Triadic

#AF648F #8FAF64 #648FAF

Split-comp.

#AF648F #69AF64 #64AFAA

Tetradic

#AF648F #AFAA64 #64AF85 #6469AF

Monochromatic

#2C1C25 #6A4459 #A4708D #B78FA6 #D5BECB

Suggested palettes for this hue.

Amazon View all →

Matcha Tea View all →

Dark UI View all →