#CCF0FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale cyan feels light and open, making it an excellent choice for spacious digital backgrounds. Because it is highly desaturated, #ccf0ff provides enough contrast for readable black body text. Use it sparingly as a subtle accent, as the color often washes out against pure white interfaces. Pair it with deep charcoals to ground the airy tone of this hex code.
Questions about #ccf0ff
What is #ccf0ff in RGB, HSL and CMYK?
In RGB, #ccf0ff is rgb(204, 240, 255), in HSL hsl(198, 100%, 90%) and in CMYK 20%, 6%, 0%, 0%.
Does #ccf0ff work well with dark text?
Where should I use #ccf0ff in a web design?
This hex color is ideal for spacious digital backgrounds or subtle UI elements. Because it can appear washed out against white, avoid using it for borders or fine lines; it shines brightest as a large, calming backdrop.
Is #ccf0ff readable on white or black?
#ccf0ff has a 1.20:1 contrast ratio on white and 17.47: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.