#6656CE Hex Color
A bold and electrified saturated violet
This intense violet carries a saturated, electrified character that demands attention. Because of its high chroma, #6656ce works best as a bold accent or call-to-action button rather than a primary background color. It creates a striking contrast against white text, making it highly readable for UI elements. If you need mixing gray techniques to soften its edge, use complementary oranges.
Questions about #6656ce
What is #6656ce in RGB, HSL and CMYK?
In RGB, #6656ce is rgb(102, 86, 206), in HSL hsl(248, 55%, 57%) and in CMYK 50%, 58%, 0%, 19%.
Where should I use #6656ce in my interface design?
This shade works effectively as a vibrant call-to-action button or a focus element because of its high-chroma, electric character. Because it is quite intense, avoid using #6656ce as a primary background color to prevent eye fatigue for your users.
What colors pair well with #6656ce?
To soften the visual intensity of #6656ce, pair it with complementary orange tones to create a balanced contrast. For a more neutral foundation, you can ground this violet against charcoal or deep slate grays to keep your design professional and readable.
Is #6656ce readable on white or black?
#6656ce has a 5.54:1 contrast ratio on white and 3.78:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.