#CCDCFF Hex Color

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

Hex color #ccdcff graphic
#ccdcff is an extremely pale, desaturated blue with a clean, airy quality. Its low chroma makes it a reliable base for modern UI designs, healthcare dashboards, or corporate branding. Pair this shade with dark charcoal text to ensure readability, as the contrast ratio is excellent. The hex code #ccdcff works best as a primary background rather than a small accent.

Questions about #ccdcff

What is #ccdcff in RGB, HSL and CMYK?
In RGB, #ccdcff is rgb(204, 220, 255), in HSL hsl(221, 100%, 90%) and in CMYK 20%, 14%, 0%, 0%.
Why is #ccdcff ideal for healthcare or corporate interfaces?
The low chroma and airy quality of #ccdcff evoke a sense of calm, cleanliness, and trustworthiness. These psychological associations make it a stable choice for applications where reducing user anxiety and maintaining a professional tone is a priority.
Is #ccdcff readable on white or black?
#ccdcff has a 1.37:1 contrast ratio on white and 15.24: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.