#C7D4DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated, almost grey blue, #c7d4dc carries an airy and bleached quality. This shade functions best as a neutral background in tech or finance interfaces, providing excellent readability with black text. While it offers a clean, professional feel, avoid using it next to pure white, where it can easily wash out. The hex code for this blue is #c7d4dc.
Questions about #c7d4dc
What is #c7d4dc in RGB, HSL and CMYK?
In RGB, #c7d4dc is rgb(199, 212, 220), in HSL hsl(203, 23%, 82%) and in CMYK 10%, 4%, 0%, 14%.
Where should I use #c7d4dc in a user interface?
#c7d4dc functions best as a soft, neutral background color for tech or finance dashboards. Its muted, airy quality ensures high readability for black text while maintaining a clean, professional aesthetic that feels less harsh than pure white.
What colors pair well with #c7d4dc?
To create a balanced design, pair #c7d4dc with high-contrast text colors like charcoal or deep navy to prevent the design from feeling washed out. It also works as a sophisticated accent against warmer, sandy neutrals or crisp, dark greys.
Is #c7d4dc readable on white or black?
#c7d4dc has a 1.51:1 contrast ratio on white and 13.87: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.