#C6D4DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans heavily toward grey, giving it a bleached and airy quality. Because it sits on the lighter end of the spectrum, #c6d4dd works best as a neutral background in minimalist UI design. It provides enough contrast to pair easily with black text. Avoid using it for large shapes, as it can look washed out when it lacks a bolder, darker color for balance.
Questions about #c6d4dd
What is #c6d4dd in RGB, HSL and CMYK?
In RGB, #c6d4dd is rgb(198, 212, 221), in HSL hsl(203, 25%, 82%) and in CMYK 10%, 4%, 0%, 13%. Browse more shades of gray with names and hex codes.
How should I use #c6d4dd in UI design?
#c6d4dd is best utilized as a neutral background color because it sits on the lighter end of the spectrum. Pair it with dark text like charcoal or deep navy to ensure the design remains readable and grounded.
Does #c6d4dd read as warm or cool?
#c6d4dd reads as distinctly cool due to its strong blue undertones. Its desaturated, grey-leaning nature gives it a bleached, airy quality, which keeps it feeling professional and calm rather than vibrant or energetic.
Is #c6d4dd readable on white or black?
#c6d4dd has a 1.51:1 contrast ratio on white and 13.86: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.