#CCF0F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #ccf0f0 when a UI background needs to feel fresh without the starkness of pure white. This pale cyan is heavily tinted and very unsaturated, so it reads airy, clean, and faintly glistening. The hex code works best as a dominant base, paired with charcoal or deep navy type for contrast. Just know it can look washed out next to plain white.
Questions about #ccf0f0
What is #ccf0f0 in RGB, HSL and CMYK?
In RGB, #ccf0f0 is rgb(204, 240, 240), in HSL hsl(180, 55%, 87%) and in CMYK 15%, 0%, 0%, 6%.
What colors pair well with #ccf0f0?
Charcoal and deep navy type give this pale cyan the contrast it needs, while a small coral accent keeps the palette from feeling flat. Warm neutrals like sand also work when you want a softer, airier mood.
Is #ccf0f0 readable on white or black?
#ccf0f0 has a 1.21:1 contrast ratio on white and 17.28: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.