Blue Violet (656BF2) — 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 #656BF2

RGB rgb(101, 107, 242)

HSL hsl(237°, 84%, 67%)

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

Luminance 0.1979

WCAG Accessibility

On white 4.25:1

Aa — #656BF2

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.94:1

Aa — #656BF2

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#656BF2 #F2EA64

Analogous

#64B2F2 #656BF2 #A464F2

Triadic

#656BF2 #F2646B #6BF264

Split-comp.

#656BF2 #F2A464 #B2F264

Tetradic

#656BF2 #F264B2 #F2EA64 #64F2A4

Monochromatic

#121778 #1F28D1 #6D73E9 #999DF0 #DCDDFA

Suggested palettes for this hue.

Pop Matisse View all →

Pop Art View all →

Northern Lights View all →