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

RGB rgb(106, 92, 101)

HSL hsl(321°, 7%, 39%)

CMYK C:0% M:13% Y:5% K:58%

Luminance 0.1162

WCAG Accessibility

On white 6.3:1

Aa — #6A5C65

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.33:1

Aa — #6A5C65

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6A5C65 #5C6A61

Analogous

#685C6A #6A5C65 #6A5C5F

Triadic

#6A5C65 #666A5C #5C666A

Split-comp.

#6A5C65 #5F6A5C #5C6A68

Tetradic

#6A5C65 #6A685C #5C6A61 #5C5F6A

Monochromatic

#C9C9C9 #969696 #636363 #4A4A4A #242424

Suggested palettes for this hue.

Vintage Sepia View all →

Gold & Black View all →

Grey Minimal View all →