#CCFFF9 Hex Color

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

Hex color #ccfff9 graphic
Nearly white with a faint teal cast, #ccfff9 reads airy and cool. Use it as a dominant background in wellness or healthcare interfaces, where it feels fresher than flat white. Its extreme lightness means it needs dark anchors; pair it with charcoal or deep navy so layouts don’t wash out. Black text over the hex code reaches about 19.2:1 contrast, well past WCAG AA for body copy.

Questions about #ccfff9

What is #ccfff9 in RGB, HSL and CMYK?
In RGB, #ccfff9 is rgb(204, 255, 249), in HSL hsl(173, 100%, 90%) and in CMYK 20%, 0%, 2%, 0%.
What colors pair well with #ccfff9?
Deep navy and charcoal ground #ccfff9 best, since the color is too light to carry a layout on its own. For a warmer counterpoint, small terracotta accents work well.
Is #ccfff9 readable on white or black?
#ccfff9 has a 1.09:1 contrast ratio on white and 19.23: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.