#656B73 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue leans heavily into grey, offering a reserved and professional aesthetic. Because of its muted chroma, #656b73 functions best as a supporting neutral rather than a dominant color. Pair it with soft cream or crisp white for a clean, reliable look in financial or tech-focused UI. The hex code #656b73 provides enough contrast to remain readable behind small text, ensuring both style and functionality.
Questions about #656b73
What is #656b73 in RGB, HSL and CMYK?
In RGB, #656b73 is rgb(101, 107, 115), in HSL hsl(214, 6%, 42%) and in CMYK 12%, 7%, 0%, 55%.
How should I use #656b73 in a UI design?
Use #656b73 as a secondary neutral for backgrounds or muted text to maintain a clean, professional aesthetic in financial or tech-focused applications. It pairs effectively with off-white or soft-cream backgrounds, providing just enough contrast to remain accessible while staying subtle.
Does #656b73 lean cool or warm?
While it is a desaturated blue, #656b73 leans decidedly cool because of its heavy grey undertones. This coolness makes it an excellent alternative to standard greys when you need a color that feels corporate and reliable rather than stark or industrial.
Is #656b73 readable on white or black?
#656b73 has a 5.37:1 contrast ratio on white and 3.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.