#C7DDF0 Hex Color

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

Hex color #c7ddf0 graphic
This desaturated blue acts as a clean, reliable foundation for professional interfaces. Because it reads as secure and balanced, #c7ddf0 works well as a background for finance or healthcare dashboards. Pair this color with dark charcoal for high-contrast readability. The hex code is #c7ddf0, and it excels in large areas where a neutral, calming tone is required without the starkness of white.

Questions about #c7ddf0

What is #c7ddf0 in RGB, HSL and CMYK?
In RGB, #c7ddf0 is rgb(199, 221, 240), in HSL hsl(208, 58%, 86%) and in CMYK 17%, 8%, 0%, 6%.
What colors pair best with #c7ddf0 for a professional design?
Deep shades provide the necessary visual weight to balance the softness of #c7ddf0. Use a dark charcoal or deep navy for typography to ensure high contrast, or incorporate warm neutrals to prevent the overall interface from feeling too cold or clinical.
Is #c7ddf0 suitable for text-heavy interface backgrounds?
It works well as a background for professional dashboards because it remains neutral and calming without creating visual fatigue. Always verify that your overlay text meets accessibility standards, as the light nature of this shade can easily wash out lighter font colors.
Is #c7ddf0 readable on white or black?
#c7ddf0 has a 1.39:1 contrast ratio on white and 15.02: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.