#616B70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue-grey carries a grounded, professional weight, making it a reliable choice for corporate branding and financial interfaces. Because of its desaturated quality, #616b70 functions best as a supporting background color or secondary element rather than a primary focus. Pair it with crisp white text for excellent readability, as it offers a sufficient 5.5:1 contrast ratio for clean, modern legibility.
Questions about #616b70
What is #616b70 in RGB, HSL and CMYK?
In RGB, #616b70 is rgb(97, 107, 112), in HSL hsl(200, 7%, 41%) and in CMYK 13%, 4%, 0%, 56%.
Where should I use #616b70 in a UI design?
#616b70 is an ideal choice for secondary UI elements like muted backgrounds, border lines, or inactive icons where you need professional visual weight without distracting from primary calls to action. It effectively balances interfaces when paired against cleaner, lighter neutrals.
What colors pair well with #616b70?
This muted blue-grey pairs beautifully with crisp off-white or light silver tones for high readability, while adding a pop of warm terracotta or soft gold can provide a sophisticated, modern contrast that keeps the palette feeling grounded yet intentional.
Is #616b70 readable on white or black?
#616b70 has a 5.46:1 contrast ratio on white and 3.84: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.