#C3D0D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy cyan carries a delicate, bleached quality that verges on grey. Because of its light saturation, #c3d0d6 functions best as a neutral, airy background for UI interfaces or minimalist branding. It pairs cleanly with high-contrast black text, ensuring excellent readability. Avoid using this shade alongside stark whites, as it can look washed out rather than purposeful. The hex code for this color is #c3d0d6.
Questions about #c3d0d6
What is #c3d0d6 in RGB, HSL and CMYK?
In RGB, #c3d0d6 is rgb(195, 208, 214), in HSL hsl(199, 19%, 80%) and in CMYK 9%, 3%, 0%, 16%.
How should I use #c3d0d6 in web design?
#c3d0d6 works best as a calm, neutral background color that allows high-contrast elements to stand out. Pair it with deep charcoal or dark navy text to maintain professional readability while keeping the interface feeling open and airy.
Does #c3d0d6 look better with cool or warm colors?
Because of its ashy, desaturated quality, #c3d0d6 functions best alongside cooler tones like slate or steel blue. Avoid pairing it with warm, earthy tones like terracotta, which can clash with the cool, clinical nature of this specific cyan shade.
Is #c3d0d6 readable on white or black?
#c3d0d6 has a 1.57:1 contrast ratio on white and 13.31: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.