#9DA5B3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #9da5b3 graphic
This dusty, desaturated blue leans heavily toward grey, giving it a cool, muted industrial feel. Because it lacks intensity, #9da5b3 works best as a supporting tone or background rather than a hero color. Pair it with crisp white or charcoal to prevent it from looking washed out. Black text provides excellent legibility against this hex code, making it suitable for professional, text-heavy UI designs.

Questions about #9da5b3

What is #9da5b3 in RGB, HSL and CMYK?
In RGB, #9da5b3 is rgb(157, 165, 179), in HSL hsl(218, 13%, 66%) and in CMYK 12%, 8%, 0%, 30%.
What colors pair best with #9da5b3?
Because #9da5b3 is a desaturated, industrial grey-blue, it creates a clean, sophisticated look when paired with crisp white or deep charcoal. These high-contrast combinations ensure your text remains legible while maintaining a modern, understated aesthetic suitable for professional user interfaces.
Is #9da5b3 readable on white or black?
#9da5b3 has a 2.48:1 contrast ratio on white and 8.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.