Blue Violet (8586E4) — 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 #8586E4

RGB rgb(133, 134, 228)

HSL hsl(239°, 64%, 71%)

CMYK C:42% M:41% Y:0% K:11%

Luminance 0.2809

WCAG Accessibility

On white 3.22:1

Aa — #8586E4

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.53:1

Aa — #8586E4

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8586E4 #E4E386

Analogous

#86B7E4 #8586E4 #B386E4

Triadic

#8586E4 #E48687 #87E486

Split-comp.

#8586E4 #E4B386 #B7E486

Tetradic

#8586E4 #E486B7 #E4E386 #86E4B3

Monochromatic

#24267A #3F41C6 #8D8EDD #B4B5E9 #EFEFFA

Suggested palettes for this hue.

Berries View all →

Northern Lights View all →

Santorini View all →