#677B96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue carries a heavy dose of gray, making it feel understated and serious. Because #677b96 is so unsaturated, it functions best as a supporting base rather than a focal point. Use it in professional interfaces where visual noise is a distraction. Since black text provides excellent contrast on this background, it works well for readable UI components in finance or tech branding.
Questions about #677b96
What is #677b96 in RGB, HSL and CMYK?
In RGB, #677b96 is rgb(103, 123, 150), in HSL hsl(214, 19%, 50%) and in CMYK 31%, 18%, 0%, 41%.
What design aesthetic works best with #677b96?
Use #677b96 to ground professional interfaces in finance or technology where serious, understated tones are preferred. It pairs exceptionally well with crisp white or light gray backgrounds, effectively maintaining readability while preventing the visual fatigue often caused by high-saturation blues during long reading sessions.
Is #677b96 readable on white or black?
#677b96 has a 4.32:1 contrast ratio on white and 4.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.