#97C4DD Hex Color

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

Hex color #97c4dd graphic
This dusty, unsaturated blue reads cool and muted rather than vivid. Because it possesses a gentle, desaturated quality, the hex code #97c4dd serves as an effective, airy background for UI designs without overwhelming the user. It pairs well with charcoal greys for a modern, professional contrast. Since it maintains an 11.3:1 contrast ratio against black, you can use it confidently for readable, small body text.

Questions about #97c4dd

What is #97c4dd in RGB, HSL and CMYK?
In RGB, #97c4dd is rgb(151, 196, 221), in HSL hsl(201, 51%, 73%) and in CMYK 32%, 11%, 0%, 13%. Browse more shades of blue with names and hex codes.
What colors pair best with #97c4dd?
To create a modern, professional palette, pair #97c4dd with deep charcoal or soft slate grays to ground the airy, unsaturated nature of the blue. You can also experiment with warm, muted terracottas to provide a complementary balance.
Is #97c4dd readable on white or black?
#97c4dd has a 1.86:1 contrast ratio on white and 11.25: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.