#678CB6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted blue feels dusty and ashy, lacking the intensity of primary shades. Because it is highly unsaturated, #678cb6 works best as a background color for professional interfaces or financial apps where stability is key. It pairs nicely with charcoal greys or crisp whites, which help lift its cool, matte appearance. The hex code #678cb6 provides excellent contrast for black text, ensuring high legibility for body copy.
Questions about #678cb6
What is #678cb6 in RGB, HSL and CMYK?
In RGB, #678cb6 is rgb(103, 140, 182), in HSL hsl(212, 35%, 56%) and in CMYK 43%, 23%, 0%, 29%.
What colors pair best with #678cb6 for a professional interface?
This muted blue anchors well against charcoal for text or crisp whites to lift its cool, matte appearance. Using high-contrast neutrals ensures the design feels sophisticated and stable rather than washed out, keeping your interface clear and accessible.
Is #678cb6 readable on white or black?
#678cb6 has a 3.49:1 contrast ratio on white and 6.00: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.