#97D4FF Hex Color

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

Hex color #97d4ff graphic
A light, cool blue with a fresh pastel finish, #97d4ff brings softness and clarity to digital designs. Its gentle saturation suits healthcare, finance, technology, and spring-themed layouts, especially as a spacious UI background. Pair it with navy or charcoal for readable contrast. Black text achieves about 13.2:1 contrast. The hex code is #97d4ff.

Questions about #97d4ff

What is #97d4ff in RGB, HSL and CMYK?
In RGB, #97d4ff is rgb(151, 212, 255), in HSL hsl(205, 100%, 80%) and in CMYK 41%, 17%, 0%, 0%.
What colors pair well with #97d4ff?
#97d4ff pairs well with navy or charcoal for grounded contrast, while softer palettes can add muted lavender or sage accents without overpowering its light, cool blue character in interfaces and marketing layouts.
Is #97d4ff warm or cool?
#97d4ff reads as a cool blue because its pale blue hue and clean, airy finish lean toward clarity rather than warmth, making it a natural fit for calm, spacious interfaces.
Is #97d4ff readable on white or black?
#97d4ff has a 1.59:1 contrast ratio on white and 13.17: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.