#CCDFFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ccdfff graphic
#ccdfff is a very light, pastel blue with low saturation and a soft, slightly cool appearance. Its gentle tone supports peaceful, trustworthy interfaces for healthcare, finance, security, and spring or baby themes. Use the hex code as a spacious background with dark text since white text lacks enough contrast for body copy.

Questions about #ccdfff

What is #ccdfff in RGB, HSL and CMYK?
In RGB, #ccdfff is rgb(204, 223, 255), in HSL hsl(218, 100%, 90%) and in CMYK 20%, 13%, 0%, 0%.
What colors pair well with #ccdfff in a design?
#ccdfff pairs with charcoal or navy for structure, while muted warm accents add contrast without overpowering its pale, low-saturation base in buttons, illustrations, or accent areas within otherwise restrained layouts.
Where does #ccdfff work best?
#ccdfff works best as a dominant light background or supporting surface in healthcare, finance, security, and spring-themed designs, where its pale, unsaturated blue creates a clean, gentle setting without competing with content or interface controls.
Is #ccdfff readable on white or black?
#ccdfff has a 1.34:1 contrast ratio on white and 15.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.