#678BAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#678baa is a dusty, unsaturated blue with a cool, ashy temperament. It feels professional and restrained, making it an excellent base for UI backgrounds in finance or security interfaces. Because of its muted quality, avoid pairing it with bright, neon colors. It maintains strong legibility with black text, so use it freely for body copy or large UI blocks without worrying about contrast issues.
Questions about #678baa
What is #678baa in RGB, HSL and CMYK?
In RGB, #678baa is rgb(103, 139, 170), in HSL hsl(208, 28%, 54%) and in CMYK 39%, 18%, 0%, 33%.
What colors pair best with #678baa?
This muted blue works best with neutral tones like soft off-white or slate gray. Avoid pairing it with high-saturation neon colors, as the vibration can clash with its restrained, ashy character. Stick to monochromatic or analogous schemes for a balanced look.
Is #678baa readable on white or black?
#678baa has a 3.58:1 contrast ratio on white and 5.85: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.