#CCF6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its very light value and low perceived saturation, #ccf6ff is a luminous pastel cyan with a gentle green-leaning undertone. The hex code works well as a dominant background for spring themes, children’s products, and airy technology interfaces. It can look washed out beside white, so pair it with black or charcoal text for clear, accessible reading.
Questions about #ccf6ff
What is #ccf6ff in RGB, HSL and CMYK?
In RGB, #ccf6ff is rgb(204, 246, 255), in HSL hsl(191, 100%, 90%) and in CMYK 20%, 4%, 0%, 0%.
What colors pair well with #ccf6ff in a design?
Pair #ccf6ff with charcoal for readable type, then add muted coral sparingly when a softer interface needs a warm focal point; navy also gives the palette more structure without making it feel heavy.
Where does #ccf6ff work best?
As a dominant background, #ccf6ff gives spring campaigns, baby products, productivity tools, and communication interfaces a light visual base, while its very light value leaves dark typography responsible for most of the contrast.
Is #ccf6ff readable on white or black?
#ccf6ff has a 1.15:1 contrast ratio on white and 18.19: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.