#9FCCE0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #9fcce0 graphic
#9fcce0 is a dusty, unsaturated cyan with a distinctively cool, airy temperature. Because it is highly desaturated, it excels as a neutral background in clean UI designs rather than a dominant feature. It pairs well with crisp charcoal grays for high readability. While often used in children’s branding, it can also contrast beautifully against other shades of pink for a softer, balanced palette.

Questions about #9fcce0

What is #9fcce0 in RGB, HSL and CMYK?
In RGB, #9fcce0 is rgb(159, 204, 224), in HSL hsl(198, 51%, 75%) and in CMYK 29%, 9%, 0%, 12%.
What colors pair best with #9fcce0 in UI design?
#9fcce0 works best as a neutral background when paired with deep charcoal for text contrast or muted berry tones for balance. Avoid overly saturated primaries, which can overpower its delicate, airy composition and muddy the visual hierarchy.
Is #9fcce0 readable on white or black?
#9fcce0 has a 1.72:1 contrast ratio on white and 12.18: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.