#9ED3F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue is cool and unsaturated, offering a light, airy feel for modern UI backgrounds. Because it has a high contrast ratio of 13.1:1 against black text, it works well for readable body copy. The hex code for this shade is #9ed3f7. It pairs effectively with deep charcoal or slate greys rather than pure white, which can sometimes look washed out when mixing white.
Questions about #9ed3f7
What is #9ed3f7 in RGB, HSL and CMYK?
In RGB, #9ed3f7 is rgb(158, 211, 247), in HSL hsl(204, 85%, 79%) and in CMYK 36%, 15%, 0%, 3%.
Why does #9ed3f7 work so well for user interfaces?
This shade provides a high contrast ratio against dark text, making it highly readable for body copy while maintaining a modern, clean aesthetic. It effectively bridges the gap between professional utility and a soft, approachable visual style.
What colors pair best with #9ed3f7?
To avoid a washed-out look, pair #9ed3f7 with deep, grounded neutrals like charcoal or slate gray rather than pure white. These darker tones provide the necessary anchor to make the light blue feel intentional and crisp.
Is #9ed3f7 readable on white or black?
#9ed3f7 has a 1.60:1 contrast ratio on white and 13.11: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.