#C0DCF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very unsaturated pastel blue feels airy and gentle due to its high lightness value. Because it offers strong contrast with black text, #c0dcf7 works well as a readable UI background for healthcare or finance apps. Use this hex code as a base for soft branding or to balance out darker, bolder accent colors in your layout. Avoid pairing it with stark white, as it can easily look washed out.
Questions about #c0dcf7
What is #c0dcf7 in RGB, HSL and CMYK?
In RGB, #c0dcf7 is rgb(192, 220, 247), in HSL hsl(209, 77%, 86%) and in CMYK 22%, 11%, 0%, 3%.
Why is #c0dcf7 effective for UI backgrounds?
Because #c0dcf7 is a high-lightness pastel, it provides high contrast against standard black or dark gray text, ensuring better readability than most light blues. This makes it a safe, professional choice for web interfaces where user clarity is the top priority.
What colors pair best with #c0dcf7?
Is #c0dcf7 readable on white or black?
#c0dcf7 has a 1.41:1 contrast ratio on white and 14.82: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.