#616C8D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue carries an ashy quality that sits firmly in the mid-tones. Because it is highly unsaturated, it provides a stable, professional backdrop for UI elements and financial branding. White text stands out well against this hue with a 5.2:1 contrast ratio, ensuring excellent readability. The hex code for this cool tone is #616c8d. It pairs best with soft, warm creams rather than stark white.
Questions about #616c8d
What is #616c8d in RGB, HSL and CMYK?
In RGB, #616c8d is rgb(97, 108, 141), in HSL hsl(225, 18%, 47%) and in CMYK 31%, 23%, 0%, 45%. Browse more shades of blue with names and hex codes.
What colors pair best with #616c8d?
Pair #616c8d with warm, creamy off-whites to soften its ashy edges and create a balanced, approachable look for UI designs. Avoid stark whites, which can make this unsaturated blue feel cold or detached in high-contrast layouts.
Where is the best place to use #616c8d in design?
This hue works exceptionally well for financial branding or enterprise software where trust and stability are priorities. Its moderate saturation ensures that white text remains highly legible, satisfying accessibility standards while maintaining a clean, understated aesthetic.
Is #616c8d readable on white or black?
#616c8d has a 5.20:1 contrast ratio on white and 4.03: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.