#9CD8ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan brings a breezy, airy feel to interface design. Because it is quite pale and dusty, #9cd8ed works best as a large background area rather than an accent. It pairs unexpectedly well with warm terracotta or soft charcoal, avoiding the washed-out look that happens when it sits against plain white. The hex code for this cool tone is #9cd8ed.
Questions about #9cd8ed
What is #9cd8ed in RGB, HSL and CMYK?
In RGB, #9cd8ed is rgb(156, 216, 237), in HSL hsl(196, 69%, 77%) and in CMYK 34%, 9%, 0%, 7%.
What colors pair best with #9cd8ed for interface design?
Because #9cd8ed is a pale, dusty tone, it pairs best with warm, earthy neutrals like terracotta or deep charcoal. Avoid placing it directly against plain white, which can wash out the subtle cyan pigment and make the interface feel flat.
Is #9cd8ed suitable for text on a white background?
No, #9cd8ed lacks sufficient contrast against white backgrounds to meet basic accessibility standards for readable text. It functions much more effectively as a secondary background color or for large, non-essential UI elements where readability requirements are lower than standard body text.
Is #9cd8ed readable on white or black?
#9cd8ed has a 1.56:1 contrast ratio on white and 13.45: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.