#9EBCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue is cool, unsaturated, and airy. With its light, clean chroma, #9ebcff works best as a fresh background color in tech or baby-focused UI designs. It provides high contrast for black text, making it a reliable choice for readability. Pair it with soft charcoal or slate gray to avoid a washed-out look. The hex code for this shade is #9ebcff.
Questions about #9ebcff
What is #9ebcff in RGB, HSL and CMYK?
In RGB, #9ebcff is rgb(158, 188, 255), in HSL hsl(221, 100%, 81%) and in CMYK 38%, 26%, 0%, 0%.
What colors pair best with #9ebcff in UI design?
Pair #9ebcff with deep, neutral tones like charcoal or slate gray to ground its lightness and prevent a washed-out appearance. Using these dark, high-contrast grays ensures that your text remains legible while keeping the clean, airy aesthetic of the blue intact.
Why is #9ebcff a good choice for tech interfaces?
This shade provides a professional, stable foundation that reduces eye strain compared to harsher blues or stark white backgrounds. Its unsaturated nature acts as a neutral canvas, allowing primary interface elements or call-to-action buttons to stand out without competing for visual attention.
Is #9ebcff readable on white or black?
#9ebcff has a 1.89:1 contrast ratio on white and 11.09: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.