#9CCDC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, desaturated teal leans into an ashy, dusty aesthetic that feels both clean and approachable. As a light, pastel tone, #9ccdc4 works well as a grounding background in modern UI designs or healthcare branding. It provides excellent readability for black text, though it can appear washed out if paired with bright whites. Use this hex code to inject a sense of airy sophistication into your layouts.
Questions about #9ccdc4
What is #9ccdc4 in RGB, HSL and CMYK?
In RGB, #9ccdc4 is rgb(156, 205, 196), in HSL hsl(169, 33%, 71%) and in CMYK 24%, 0%, 4%, 20%.
Does #9ccdc4 work well for text in interface design?
#9ccdc4 is generally too light to serve as a primary text color against white backgrounds because it fails contrast accessibility standards. It functions best as a soft background or accent color, paired with a dark, high-contrast hue like charcoal for readability.
What colors pair harmoniously with #9ccdc4?
Is #9ccdc4 readable on white or black?
#9ccdc4 has a 1.75:1 contrast ratio on white and 11.94: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.