#97BCD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is desaturated and airy, offering a stable foundation for UI layouts. Because it has high contrast against black text, it works well for readable body copy on web interfaces. The hex code #97bcd0 feels professional but approachable, making it a solid choice for healthcare or financial branding. Pair it with soft charcoal grays to ground the color without losing its gentle character.
Questions about #97bcd0
What is #97bcd0 in RGB, HSL and CMYK?
In RGB, #97bcd0 is rgb(151, 188, 208), in HSL hsl(201, 38%, 70%) and in CMYK 27%, 10%, 0%, 18%.
What colors pair best with #97bcd0 for a professional design?
#97bcd0 works beautifully alongside neutral charcoals or deep navy tones to maintain a calm, corporate aesthetic. For a warmer contrast, try pairing it with a soft terracotta or a subtle cream, which prevents the blue from feeling too clinical or cold.
Is #97bcd0 readable on white or black?
#97bcd0 has a 2.01:1 contrast ratio on white and 10.41: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.