#C0D7F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated blue feels airy and restrained. Because of its high lightness, #c0d7f9 functions best as a soft background or a clean UI base rather than a primary accent. It pairs effectively with dark charcoal text to ensure high readability. Use the hex code #c0d7f9 in projects requiring a sense of security and reliability, such as healthcare interfaces or financial dashboards.
Questions about #c0d7f9
What is #c0d7f9 in RGB, HSL and CMYK?
In RGB, #c0d7f9 is rgb(192, 215, 249), in HSL hsl(216, 83%, 86%) and in CMYK 23%, 14%, 0%, 2%.
What colors pair well with #c0d7f9 for a professional look?
Pair #c0d7f9 with deep charcoal or dark navy text to maintain high readability and a sense of institutional reliability. Because this blue is so pale, it acts as a neutral base, allowing darker accent colors to stand out effectively.
Is #c0d7f9 suitable for primary call-to-action buttons?
Use #c0d7f9 primarily as a background or secondary structural element rather than for call-to-action buttons. Its high lightness and low saturation can make it disappear against white, so you will need a much darker, punchier color for interactive elements.
Is #c0d7f9 readable on white or black?
#c0d7f9 has a 1.46:1 contrast ratio on white and 14.32: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.