#97B4D4 Hex Color

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

Hex color #97b4d4 graphic
This dusty, unsaturated blue has a cool and clinical quality, making it a reliable choice for professional UI backgrounds. Because it provides high contrast with black text, it works well for readable body copy in tech or finance projects. The hex code for this shade is #97b4d4. Pair it with soft charcoal or deep slate to ground its airy, pastel nature.

Questions about #97b4d4

What is #97b4d4 in RGB, HSL and CMYK?
In RGB, #97b4d4 is rgb(151, 180, 212), in HSL hsl(211, 41%, 71%) and in CMYK 29%, 15%, 0%, 17%. Browse more shades of blue with names and hex codes.
How can I effectively use #97b4d4 in interface design?
#97b4d4 works best as a neutral, professional background color that allows dark text to stand out clearly. Because it is highly desaturated, it provides a stable, unobtrusive base that pairs well with charcoal or slate grays for body copy.
What color psychology does #97b4d4 convey?
This shade conveys a sense of reliability, intelligence, and cleanliness due to its cool, clinical undertones. It creates a calm, focused environment, making it a natural choice for digital products in the finance, technology, or healthcare sectors where trustworthiness is required.
Is #97b4d4 readable on white or black?
#97b4d4 has a 2.14:1 contrast ratio on white and 9.79: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.