#CDDCE8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, airy blue features strong grey undertones that suggest cleanliness and reliability. It functions well as a neutral background for minimalist UI design, providing high contrast for black typography. Because of its light saturation, the hex code #cddce8 pairs effectively with dark charcoal or deep navy rather than stark white, which can make the shade appear washed out.
Questions about #cddce8
What is #cddce8 in RGB, HSL and CMYK?
In RGB, #cddce8 is rgb(205, 220, 232), in HSL hsl(207, 37%, 86%) and in CMYK 12%, 5%, 0%, 9%.
What colors pair best with #cddce8?
#cddce8 works best when paired with dark, high-contrast tones like charcoal or deep navy, as these ground the light, airy quality of the blue. Avoid using it against stark white, which can cause the color to appear washed out or flat.
Is #cddce8 a good background for UI design?
It serves as an excellent neutral background for minimalist web applications because its subtle grey undertones provide enough depth to maintain high contrast with black text. This balance creates a professional, clean aesthetic without the harshness of pure white.
Is #cddce8 readable on white or black?
#cddce8 has a 1.40:1 contrast ratio on white and 14.99: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.