#678DFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and strongly saturated, #678dfc is a cool blue with a slight violet cast and energetic character. It suits calls to action, security interfaces, finance dashboards, and technology branding, while its intensity supports trust and reliability. Use it as a focused accent rather than a full background. The hex code #678dfc supports black body text at about 6.8:1 contrast.
Questions about #678dfc
What is #678dfc in RGB, HSL and CMYK?
In RGB, #678dfc is rgb(103, 141, 252), in HSL hsl(225, 96%, 70%) and in CMYK 59%, 44%, 0%, 1%.
What colors pair well with #678dfc?
#678dfc pairs well with white, black, and deep navy, while pale lavender or charcoal can soften its bright violet-blue energy without competing with its saturated cool tone in interface accents and palette combinations.
Is #678dfc readable on white or black?
#678dfc has a 3.09:1 contrast ratio on white and 6.79: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.