#C4D0DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans heavily into grey, offering a cleaner alternative to stark white backgrounds. Because it maintains high contrast with black text, #c4d0dd functions well as a stable base for minimalist UI designs or technical dashboards. Pair it with deep charcoal or muted navy to ground the washed-out tone. The hex code #c4d0dd is practical for modern, airy interfaces where readability is the priority.
Questions about #c4d0dd
What is #c4d0dd in RGB, HSL and CMYK?
In RGB, #c4d0dd is rgb(196, 208, 221), in HSL hsl(211, 27%, 82%) and in CMYK 11%, 6%, 0%, 13%. Browse more shades of gray with names and hex codes.
Does #c4d0dd work well for UI backgrounds?
#c4d0dd is an excellent choice for UI backgrounds because it provides a soft, professional alternative to harsh white. It offers enough contrast to make charcoal or dark navy text highly readable while maintaining a clean, technical aesthetic.
What colors pair best with #c4d0dd?
This desaturated blue pairs beautifully with dark, grounded neutrals like charcoal or deep slate for high-contrast text. For a more sophisticated palette, accent it with muted tones like sage or dusty mauve to enhance its cool, airy quality.
Is #c4d0dd readable on white or black?
#c4d0dd has a 1.56:1 contrast ratio on white and 13.41: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.