#CCF1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A luminous, pastel cyan, #ccf1ff brings a clean and airy touch to interface design. Because it is highly desaturated, it avoids feeling too childish or aggressive. This hex code works best as a light background that holds black text with excellent readability. Pair it with deep charcoal or slate gray to ground its lightness and prevent the color from appearing washed out.
Questions about #ccf1ff
What is #ccf1ff in RGB, HSL and CMYK?
In RGB, #ccf1ff is rgb(204, 241, 255), in HSL hsl(196, 100%, 90%) and in CMYK 20%, 5%, 0%, 0%.
What colors pair best with #ccf1ff?
This light cyan works best when grounded by deep neutrals like charcoal or slate gray, which prevent the color from appearing washed out. For a vibrant contrast, you can introduce soft coral accents to create a balanced, modern interface palette.
Is #ccf1ff readable on white or black?
#ccf1ff has a 1.19:1 contrast ratio on white and 17.59: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.