#677C9B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries an ashy undertone that feels restrained rather than vibrant. Because it is highly unsaturated, #677c9b works best as a stabilizing base or a professional background element in finance and security interfaces. Pair it with crisp white or deep slate grays to avoid a washed-out appearance. The hex code #677c9b meets accessibility standards for small body text when paired with black.
Questions about #677c9b
What is #677c9b in RGB, HSL and CMYK?
In RGB, #677c9b is rgb(103, 124, 155), in HSL hsl(216, 21%, 51%) and in CMYK 34%, 20%, 0%, 39%.
Does #677c9b work well for interface backgrounds?
Yes, the low saturation of #677c9b makes it an excellent, unobtrusive choice for financial or security dashboards where you need visual stability. It functions as a professional, neutral backdrop that keeps text legible without distracting the user from critical data points.
Is #677c9b readable on white or black?
#677c9b has a 4.25:1 contrast ratio on white and 4.93: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.