#CCF9FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pastel cyan is exceptionally airy and light. Because #ccf9ff is highly unsaturated, it functions best as a soft, clean backdrop rather than a dominant accent color. It creates a refreshing, clinical aesthetic for UI backgrounds or medical branding. Pair it with dark charcoal text to ensure high contrast, as it washes out easily against lighter elements. The hex code for this cyan shade is #ccf9ff.
Questions about #ccf9ff
What is #ccf9ff in RGB, HSL and CMYK?
In RGB, #ccf9ff is rgb(204, 249, 255), in HSL hsl(187, 100%, 90%) and in CMYK 20%, 2%, 0%, 0%.
What colors pair well with the #ccf9ff pale cyan?
Is #ccf9ff suitable for main UI buttons or text?
Avoid using #ccf9ff for text or small interactive elements, as it lacks sufficient contrast against standard white backgrounds. Instead, reserve this shade for large structural areas like soft section backgrounds or header accents where readability is not a concern.
Is #ccf9ff readable on white or black?
#ccf9ff has a 1.13:1 contrast ratio on white and 18.56: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.