#678FD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue, identified by the hex code #678fd3, feels measured and composed. Because of its desaturated, cool character, it serves as a reliable base for finance or security interfaces. It offers enough contrast for black text to remain legible, meeting accessibility standards for body copy. Pair this color with soft warm grays to prevent the interface from feeling too cold or sterile.
Questions about #678fd3
What is #678fd3 in RGB, HSL and CMYK?
In RGB, #678fd3 is rgb(103, 143, 211), in HSL hsl(218, 55%, 62%) and in CMYK 51%, 32%, 0%, 17%.
What colors pair well with #678fd3 in an interface design?
Pair #678fd3 with soft warm grays or a clean off-white to prevent the interface from feeling too cold or sterile. Adding a muted charcoal for text provides excellent readability while maintaining the professional, composed aesthetic inherent in this blue.
Is #678fd3 readable on white or black?
#678fd3 has a 3.25:1 contrast ratio on white and 6.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.