Blue Violet (6C66EB) — 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 #6C66EB

RGB rgb(108, 102, 235)

HSL hsl(243°, 77%, 66%)

CMYK C:54% M:57% Y:0% K:8%

Luminance 0.1877

WCAG Accessibility

On white 4.43:1

Aa — #6C66EB

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.74:1

Aa — #6C66EB

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6C66EB #E4EB66

Analogous

#66A2EB #6C66EB #AF66EB

Triadic

#6C66EB #EB6C66 #66EB6C

Split-comp.

#6C66EB #EBAF66 #A2EB66

Tetradic

#6C66EB #EB66A2 #E4EB66 #66EBAF

Monochromatic

#1A166F #2F27C4 #746EE2 #9D99EB #DAD9F7

Suggested palettes for this hue.

Santorini View all →

Dark UI View all →

Pearl Zen View all →