Blue Violet (5B60F5) — Shades, Harmonies, Palettes, CSS Code

"Blue Violet"

Purple · Winter

🧠 Psychology

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

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

Blue Violet pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #5B60F5

RGB rgb(91, 96, 245)

HSL hsl(238°, 89%, 66%)

CMYK C:63% M:61% Y:0% K:4%

Luminance 0.1715

WCAG Accessibility

On white 4.73:1

Aa — #5B60F5

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.44:1

Aa — #5B60F5

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5B60F5 #F5F05B

Analogous

#5BADF5 #5B60F5 #A35BF5

Triadic

#5B60F5 #F55B60 #60F55B

Split-comp.

#5B60F5 #F5A35B #ADF55B

Tetradic

#5B60F5 #F55BAD #F5F05B #5BF5A3

Monochromatic

#0E1177 #191FD2 #6468ED #9195F2 #D6D7FA

Suggested palettes for this hue.

Sand Desert View all →

Northern Lights View all →

Grey Minimal View all →