#C0DCF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, airy blue sits at the lighter end of the spectrum with minimal saturation. Because it maintains strong contrast against black text, it functions as an excellent neutral base for clean, modern UI interfaces. Pair this tone with deep charcoal or navy to anchor its lightness without losing readability. The hex code for this desaturated blue is #c0dcf6.
Questions about #c0dcf6
What is #c0dcf6 in RGB, HSL and CMYK?
In RGB, #c0dcf6 is rgb(192, 220, 246), in HSL hsl(209, 75%, 86%) and in CMYK 22%, 11%, 0%, 4%. Browse more shades of blue with names and hex codes.
How should #c0dcf6 be used in interface design?
#c0dcf6 serves as an excellent neutral background color because it maintains high contrast ratios against charcoal or dark text. Its low saturation keeps it from distracting the eye, making it ideal for large UI surfaces like dashboards or reading applications.
Does #c0dcf6 feel warm or cool in a design?
This color reads as a cool, calming blue due to its minimal saturation and airy brightness. It brings a crisp, professional feeling to layouts, particularly when paired with high-contrast navy elements to anchor the overall composition without overwhelming the user.
Is #c0dcf6 readable on white or black?
#c0dcf6 has a 1.41:1 contrast ratio on white and 14.80: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.