#6B78E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated periwinkle-indigo balances intensity with a cool, modern edge. It works best as an energetic accent rather than a dominant background, where it can easily overwhelm a layout. Because #6b78e5 has excellent contrast, it pairs cleanly with black text for accessible, readable type. The hex code for this vivid shade is #6b78e5, making it a strong choice for high-impact UI elements and bold branding.
Questions about #6b78e5
What is #6b78e5 in RGB, HSL and CMYK?
In RGB, #6b78e5 is rgb(107, 120, 229), in HSL hsl(234, 70%, 66%) and in CMYK 53%, 48%, 0%, 10%.
How can I best utilize #6b78e5 in a web interface?
#6b78e5 works best as a primary action color or a vibrant call-to-action button because of its high saturation and energy. Avoid using it for large background blocks, as its intensity can easily overwhelm the viewer and cause eye strain.
Is #6b78e5 readable on white or black?
#6b78e5 has a 3.85:1 contrast ratio on white and 5.44:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.