#CCDCF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans into a cool, greyish cast that feels professional and steady. Because it is highly legible, #ccdcf0 works well as a background for black text in UI design, especially for finance or security interfaces. Pair it with charcoal or deep navy for a grounded look. This hex code provides a clean, neutral alternative to pure white when you need a structured, trustworthy foundation.
Questions about #ccdcf0
What is #ccdcf0 in RGB, HSL and CMYK?
In RGB, #ccdcf0 is rgb(204, 220, 240), in HSL hsl(213, 55%, 87%) and in CMYK 15%, 8%, 0%, 6%.
What colors pair best with #ccdcf0 for a balanced design?
Why is #ccdcf0 considered a good choice for finance or security apps?
The greyish cast of #ccdcf0 communicates a sense of professional stability and trust, making it a reliable alternative to stark white in data-heavy interfaces. Its high legibility ensures that important black text remains easy to read while reducing eye strain during extended use.
Is #ccdcf0 readable on white or black?
#ccdcf0 has a 1.39:1 contrast ratio on white and 15.06: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.