#CCD6E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated grey-blue reads as clean and professional. Because of its lightness and neutral undertone, #ccd6e2 serves perfectly as a subtle background color for UI design and data-heavy dashboards. It maintains excellent readability with high-contrast black text, making it a reliable choice for finance or tech applications where clarity is paramount. Avoid using it in small UI elements, as it can wash out against white.
Questions about #ccd6e2
What is #ccd6e2 in RGB, HSL and CMYK?
In RGB, #ccd6e2 is rgb(204, 214, 226), in HSL hsl(213, 27%, 84%) and in CMYK 10%, 5%, 0%, 11%. Browse more shades of gray with names and hex codes.
Where should I use #ccd6e2 in my UI design?
#ccd6e2 works best as a soft background or structural element in data-heavy dashboards where visual noise must be kept low. Because it is highly desaturated, it provides a clean, neutral canvas that allows high-contrast black or dark grey typography to remain perfectly legible.
What colors pair well with #ccd6e2 for a professional palette?
Is #ccd6e2 readable on white or black?
#ccd6e2 has a 1.47:1 contrast ratio on white and 14.28: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.