#C4CEE5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, airy blue sits on the border of grey, offering a muted and professional tone for minimalist user interfaces. The hex code #c4cee5 provides excellent readability with black text, making it a functional choice for functional UI backgrounds and data-heavy layouts. Because it is highly desaturated, avoid pairing it with stark white, as it can appear washed out; try it alongside charcoal greys instead.
Questions about #c4cee5
What is #c4cee5 in RGB, HSL and CMYK?
In RGB, #c4cee5 is rgb(196, 206, 229), in HSL hsl(222, 39%, 83%) and in CMYK 14%, 10%, 0%, 10%.
Why does #c4cee5 look washed out against white backgrounds?
Because #c4cee5 is a highly desaturated shade, it lacks the pigment depth to hold its own against pure white. For better results, place it next to a charcoal or deep navy to anchor the visual weight.
How can #c4cee5 be used effectively in professional UI design?
The subtle, airy nature of #c4cee5 makes it an excellent choice for functional backgrounds in data-heavy layouts. It keeps interfaces clean and readable without overpowering the essential information displayed on the screen.
Is #c4cee5 readable on white or black?
#c4cee5 has a 1.57:1 contrast ratio on white and 13.30: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.