Magenta (897C85) — Shades, Harmonies, Palettes, CSS Code

"Magenta"

Pink · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Magenta pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #897C85

RGB rgb(137, 124, 133)

HSL hsl(318°, 5%, 51%)

CMYK C:0% M:9% Y:3% K:46%

Luminance 0.2178

WCAG Accessibility

On white 3.97:1

Aa — #897C85

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.29:1

Aa — #897C85

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#897C85 #7C8880

Analogous

#867C88 #897C85 #887C7E

Triadic

#897C85 #85887C #7C8588

Split-comp.

#897C85 #7E887C #7C8886

Tetradic

#897C85 #88867C #7C8880 #7C7E88

Monochromatic

#1C1C1C #4F4F4F #828282 #9C9C9C #C2C2C2

Suggested palettes for this hue.

Pastel Spring View all →

Gradient Sunset View all →

Nordic View all →