#C4DCE8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue offers a crisp, airy aesthetic that works best as a primary UI background. Because of its light chroma, it provides excellent contrast for black text, ensuring readability in minimal interfaces. The hex code #c4dce8 appears washed out against pure white, so pair it with charcoal grays or muted navies to maintain depth without sacrificing the clean, professional feel.
Questions about #c4dce8
What is #c4dce8 in RGB, HSL and CMYK?
In RGB, #c4dce8 is rgb(196, 220, 232), in HSL hsl(200, 44%, 84%) and in CMYK 16%, 5%, 0%, 9%.
How should I use #c4dce8 in web design?
#c4dce8 functions best as a soft, neutral background color that keeps interfaces feeling breathable and open. Because it lacks high saturation, it provides a stable canvas for charcoal or deep navy typography without causing visual fatigue.
Why does #c4dce8 look washed out against white?
Since #c4dce8 is a pale and desaturated blue, it does not have enough contrast to stand out against pure white backgrounds. You should pair it with darker, muted tones like slate to add necessary depth and structure to your design.
Is #c4dce8 readable on white or black?
#c4dce8 has a 1.42:1 contrast ratio on white and 14.74: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.