#9ECFED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, dusty blue reads as a clean, approachable neutral in digital interfaces. Because it is highly unsaturated, #9ecfed works best as a primary background color rather than a button or highlight. It provides excellent contrast for black text, making it a functional choice for healthcare or SaaS landing pages. Pair it with dark charcoal or soft terracotta to avoid a washed-out, clinical appearance.
Questions about #9ecfed
What is #9ecfed in RGB, HSL and CMYK?
In RGB, #9ecfed is rgb(158, 207, 237), in HSL hsl(203, 69%, 77%) and in CMYK 33%, 13%, 0%, 7%.
What colors pair best with the dusty blue of #9ecfed?
To prevent #9ecfed from feeling too washed out or clinical, pair it with high-contrast, grounding neutrals like deep charcoal or warm, earthy terracotta. These pairings add necessary weight and visual interest that keep the interface balanced and professional.
Is #9ecfed a good choice for UI background elements?
Yes, #9ecfed excels as a primary background color because its high saturation level creates a soft, approachable feel without causing eye strain. It provides a stable, clean canvas that allows black or dark-toned text to stand out with great readability.
Is #9ecfed readable on white or black?
#9ecfed has a 1.66:1 contrast ratio on white and 12.60: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.