#678FA9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a bright or glossy blue, #678fa9 is a dusty, muted shade with clear gray undertones. Its low saturation reads steady and understated, which suits finance, healthcare, and calm UI backgrounds. It works best as a supporting tone in a 60/30/10 split, and black text passes AA on it at about 6.1:1 contrast. Warm accents like terracotta or cream keep it from turning flat.
Questions about #678fa9
What is #678fa9 in RGB, HSL and CMYK?
In RGB, #678fa9 is rgb(103, 143, 169), in HSL hsl(204, 28%, 53%) and in CMYK 39%, 15%, 0%, 34%. Browse more shades of blue with names and hex codes.
What colors pair well with #678fa9?
Warm accents work best. Terracotta, cream, and soft coral lift its cool gray undertones, while a burgundy or deep navy adds depth without clashing. Avoid pairing it only with other muted blues or the whole palette turns flat.
Is #678fa9 readable on white or black?
#678fa9 has a 3.45:1 contrast ratio on white and 6.07: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.