Plum (685A6D) — Shades, Harmonies, Palettes, CSS Code

"Plum"

Purple · Timeless

🧠 Psychology

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

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

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

Values

HEX #685A6D

RGB rgb(104, 90, 109)

HSL hsl(284°, 10%, 39%)

CMYK C:5% M:17% Y:0% K:57%

Luminance 0.113

WCAG Accessibility

On white 6.42:1

Aa — #685A6D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.27:1

Aa — #685A6D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#685A6D #5F6D5A

Analogous

#5E5A6D #685A6D #6D5A69

Triadic

#685A6D #6D685A #5A6D68

Split-comp.

#685A6D #696D5A #5A6D5E

Tetradic

#685A6D #6D5E5A #5F6D5A #5A696D

Monochromatic

#C9C9C9 #969696 #636363 #4A4A4A #242424

Suggested palettes for this hue.

Red Passion View all →

Dark UI View all →

White Marble View all →