#CCD5E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccd5e1 is a pale, bleached blue with strong grey undertones. Its desaturated character provides a clean, neutral base that feels professional without appearing sterile. Because it offers high contrast when paired with black text, it functions effectively as a UI background for data-heavy finance or healthcare applications. This hex code reads best when kept away from pure white, which can make it appear washed out.
Questions about #ccd5e1
What is #ccd5e1 in RGB, HSL and CMYK?
In RGB, #ccd5e1 is rgb(204, 213, 225), in HSL hsl(214, 26%, 84%) and in CMYK 9%, 5%, 0%, 12%.
What colors pair well with #ccd5e1 for a balanced design?
Is #ccd5e1 suitable for text-heavy UI interfaces?
Yes, #ccd5e1 functions effectively as a background color for data-heavy applications because its neutral character reduces eye strain. Avoid placing white text directly on it; instead, use darker, high-contrast grays or deep blues to ensure your content remains perfectly legible.
Is #ccd5e1 readable on white or black?
#ccd5e1 has a 1.48:1 contrast ratio on white and 14.17: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.