#CCDDF3 Hex Color

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

Select a Color

This unsaturated sky blue feels clean and professional, making it a reliable choice for finance and healthcare interfaces. Because #ccddf3 is so light, it works best as a dominant base color rather than an accent. It provides exceptional contrast with black text, ensuring high readability for body copy. Pair this hex code with dark charcoal or navy to ground the airy appearance.

Questions about #ccddf3

What is #ccddf3 in RGB, HSL and CMYK?

In RGB, #ccddf3 is rgb(204, 221, 243), in HSL hsl(214, 62%, 88%) and in CMYK 16%, 9%, 0%, 5%.

What colors pair well with #ccddf3?

Because #ccddf3 is very light and airy, it works best when anchored by strong, dark neutrals like charcoal or navy. These darker tones provide the necessary contrast to ground the interface while preventing the blue from appearing washed out on screens.

Is #ccddf3 readable on white or black?

#ccddf3 has a 1.38:1 contrast ratio on white and 15.20: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.

#CCDDF3 Hex Color

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

Questions about #ccddf3

Color tools

Resources