#97BBC4 Hex Color

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

Hex color #97bbc4 graphic
This dusty, unsaturated cyan carries a distinct ashy undertone that mutes its playful origins. Because it sits comfortably in the middle range of lightness, #97bbc4 provides excellent contrast for black text, making it a reliable choice for readable UI backgrounds. It works best as a supporting tone paired with charcoal grays or deep navies to prevent it from washing out against stark whites.

Questions about #97bbc4

What is #97bbc4 in RGB, HSL and CMYK?
In RGB, #97bbc4 is rgb(151, 187, 196), in HSL hsl(192, 28%, 68%) and in CMYK 23%, 5%, 0%, 23%.
What colors pair well with #97bbc4?
#97bbc4 works best alongside neutral darks like charcoal or deep navy to anchor its muted character. When using it for UI, these dark contrasts prevent the cyan from washing out against bright white backgrounds.
Is #97bbc4 suitable for text-heavy interfaces?
Yes, #97bbc4 is an excellent choice for background surfaces because its middle lightness provides sufficient contrast for black or dark gray text. It maintains readability without the harshness often found in more saturated blue or cyan tones.
Is #97bbc4 readable on white or black?
#97bbc4 has a 2.05:1 contrast ratio on white and 10.22: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.