#C4D5DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c4d5de is a bleached, desaturated blue with a distinct grey undertone. This pale hue provides a clean, airy base for minimalist UI designs or corporate branding where readability is essential. Because it offers strong contrast with black text, it works well as a background for data-heavy dashboards. Pair this color with charcoal or deep slate to ground its fragility and create a modern, professional palette.
Questions about #c4d5de
What is #c4d5de in RGB, HSL and CMYK?
In RGB, #c4d5de is rgb(196, 213, 222), in HSL hsl(201, 28%, 82%) and in CMYK 12%, 4%, 0%, 13%. Browse more shades of gray with names and hex codes.
What colors pair best with #c4d5de for a modern UI?
#c4d5de works effectively when grounded by deep, high-contrast neutrals like charcoal or slate. These darker pairings provide the necessary visual weight to anchor the airy, fragile nature of this pale blue without overwhelming its subtle desaturated tone.
Is #c4d5de suitable for body text in digital design?
Using #c4d5de as a text color is generally discouraged because its low contrast against white backgrounds fails accessibility standards. It functions significantly better as a background color, a subtle accent, or a container fill for UI elements.
Is #c4d5de readable on white or black?
#c4d5de has a 1.50:1 contrast ratio on white and 13.91: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.