#678BF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This blue skips past navy restraint and goes straight for attention. #678bf6 is bright, saturated, and cool, with a periwinkle cast that suits tech and finance brands. It works best as an accent or call to action, since it can feel loud across large backgrounds. Pair it with warm coral to balance the chill. Black text on it reaches about 6.6:1 contrast, enough for small body text.
Questions about #678bf6
What is #678bf6 in RGB, HSL and CMYK?
In RGB, #678bf6 is rgb(103, 139, 246), in HSL hsl(225, 89%, 68%) and in CMYK 58%, 43%, 0%, 4%.
What colors pair well with #678bf6?
Warm coral or amber offsets its cool cast, and burgundy makes an unexpected, rich partner for branding work. Deep navy grounds it when you need a calmer supporting tone.
Is #678bf6 readable on white or black?
#678bf6 has a 3.18:1 contrast ratio on white and 6.60: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.