Blue Violet (646EF0) — 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 #646EF0

RGB rgb(100, 110, 240)

HSL hsl(236°, 82%, 67%)

CMYK C:58% M:54% Y:0% K:6%

Luminance 0.2028

WCAG Accessibility

On white 4.17:1

Aa — #646EF0

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.03:1

Aa — #646EF0

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#646EF0 #F0E766

Analogous

#66B4F0 #646EF0 #A266F0

Triadic

#646EF0 #F0666F #6FF066

Split-comp.

#646EF0 #F0A266 #B4F066

Tetradic

#646EF0 #F066B4 #F0E766 #66F0A2

Monochromatic

#131A76 #222DCE #6E76E7 #9AA0EF #DCDEF9

Suggested palettes for this hue.

Night Velvet View all →

Marrakech View all →

Success Green View all →