#9EC4DE Hex Color

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

Hex color #9ec4de graphic
Muted and airy, #9ec4de is a light blue with gray undertones and very low saturation. Its cool, dusty finish suggests softness, cleanliness, and dependable calm without feeling sterile. Use it as a dominant UI background for healthcare, finance, or security brands, pairing it with charcoal. Black text reaches about 11.4:1 contrast, while white can look washed out. The hex code is #9ec4de.

Questions about #9ec4de

What is #9ec4de in RGB, HSL and CMYK?
In RGB, #9ec4de is rgb(158, 196, 222), in HSL hsl(204, 49%, 75%) and in CMYK 29%, 12%, 0%, 13%. Browse more shades of blue with names and hex codes.
What colors pair well with #9ec4de?
#9ec4de pairs well with charcoal for readable text, while navy can add structure and muted sage or burgundy can introduce contrast without overwhelming its soft, cool base; white keeps the overall palette bright and spacious.
Does #9ec4de work with black or white text?
Black text is the stronger choice on #9ec4de, reaching about an 11.4:1 contrast ratio, while white text may appear washed out; still verify your exact text size and interface context with an accessibility checker before publishing.
Where does #9ec4de work best in a design?
Its muted, cool blue character works well as a dominant background for healthcare, finance, and security interfaces, where softness and dependable calm matter; pair it with dark text and restrained accents to preserve clarity rather than a sterile feel.
Is #9ec4de readable on white or black?
#9ec4de has a 1.84:1 contrast ratio on white and 11.40: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.