Amethyst (664CD5) — Shades, Harmonies, Palettes, CSS Code

"Amethyst"

Purple · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #664CD5

RGB rgb(102, 76, 213)

HSL hsl(251°, 62%, 57%)

CMYK C:52% M:64% Y:0% K:16%

Luminance 0.1268

WCAG Accessibility

On white 5.9:1

Aa — #664CD5

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.56:1

Aa — #664CD5

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#664CD5 #BCD54D

Analogous

#4D78D5 #664CD5 #AA4DD5

Triadic

#664CD5 #D5664D #4DD566

Split-comp.

#664CD5 #D5AA4D #78D54D

Tetradic

#664CD5 #D54D78 #BCD54D #4DD5AA

Monochromatic

#1D1542 #3F2D8F #6D58CA #8F7FD7 #C2B9E9

Suggested palettes for this hue.

Sunset View all →

Grey Minimal View all →

Purple UI View all →