#C5E9F9 Hex Color

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

Hex color #c5e9f9 graphic
This airy, unsaturated cyan feels light and expansive. Because of its high lightness, #c5e9f9 serves as an excellent UI background that maintains high readability for black text. Pair it with deep charcoal or navy to ground its ethereal quality. This hex code works well for modern technology branding or children’s products where you want a clean, approachable aesthetic without overwhelming the viewer.

Questions about #c5e9f9

What is #c5e9f9 in RGB, HSL and CMYK?
In RGB, #c5e9f9 is rgb(197, 233, 249), in HSL hsl(198, 81%, 87%) and in CMYK 21%, 6%, 0%, 2%.
How can I use #c5e9f9 effectively in UI design?
#c5e9f9 functions best as a soft, expansive background color that keeps interface elements from feeling cluttered. Pair it with high-contrast elements like charcoal or navy text to ensure your content remains sharp and accessible against this light, airy backdrop.
Is #c5e9f9 readable on white or black?
#c5e9f9 has a 1.28:1 contrast ratio on white and 16.39: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.