#9BB0C2 Hex Color

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

Hex color #9bb0c2 graphic
An ashy, dusty blue with a clear grey foundation, #9bb0c2 feels practical and restrained. Its low saturation keeps it professional, making it an excellent choice for corporate UI backgrounds where white feels too stark. Pair it with deep charcoal or crisp white for the best readability. Because it is highly legible with black text, the hex code #9bb0c2 works well for small, functional UI elements.

Questions about #9bb0c2

What is #9bb0c2 in RGB, HSL and CMYK?
In RGB, #9bb0c2 is rgb(155, 176, 194), in HSL hsl(208, 24%, 68%) and in CMYK 20%, 9%, 0%, 24%.
What colors pair best with #9bb0c2?
#9bb0c2 works effectively when paired with deep charcoal or crisp white to maximize contrast and readability. Because it is a muted, low-saturation tone, it also complements soft sage greens or light cool greys for a balanced, professional monochromatic interface.
Is #9bb0c2 suitable for text on a white background?
#9bb0c2 should be used carefully for body text as it may not meet WCAG accessibility standards for contrast on white. It is much better suited for UI borders, muted background containers, or supporting icons where the soft, restrained aesthetic is the primary goal.
Is #9bb0c2 readable on white or black?
#9bb0c2 has a 2.23:1 contrast ratio on white and 9.38: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.