#97CDFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy blue feels fresh and youthful without being overwhelming. Because black text maintains a high 12.5:1 contrast against it, this shade works well for clean, readable UI backgrounds. It serves as a crisp supporting tone in tech or healthcare designs. The hex code for this color is #97cdff. Pair it with deep charcoals rather than white to avoid a washed-out appearance.
Questions about #97cdff
What is #97cdff in RGB, HSL and CMYK?
In RGB, #97cdff is rgb(151, 205, 255), in HSL hsl(209, 100%, 80%) and in CMYK 41%, 20%, 0%, 0%.
Which colors pair well with #97cdff in a design scheme?
This light blue pairs most effectively with deep charcoal or dark slate tones to ground the brightness. Avoid pairing it with pure white to prevent the design from feeling washed out or lacking in necessary depth and visual interest.
Is #97cdff readable on white or black?
#97cdff has a 1.68:1 contrast ratio on white and 12.49: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.