#9EBAC4 Hex Color

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

Hex color #9ebac4 graphic
This tinted, dusty, and desaturated cyan leans heavily into its gray base. Learning how to make gray helps explain why this tone feels muted yet professional. The hex code #9ebac4 functions well as a background for tech or aerospace interfaces. Because black text maintains high contrast against this shade, it remains a reliable choice for accessible body copy in digital design.

Questions about #9ebac4

What is #9ebac4 in RGB, HSL and CMYK?
In RGB, #9ebac4 is rgb(158, 186, 196), in HSL hsl(196, 24%, 69%) and in CMYK 19%, 5%, 0%, 23%.
Where should I use #9ebac4 in my UI designs?
This color functions exceptionally well as a neutral background for tech-focused interfaces or data-heavy dashboards where clarity is paramount. Because it sits comfortably between blue and gray, it feels grounded and professional without overpowering data visualizations or black-colored typography.
What colors pair best with #9ebac4?
Pair #9ebac4 with charcoal or deep navy to lean into its professional, tech-oriented aesthetic. If you need a more vibrant contrast, small accents of coral or mustard can break up the coolness and add warmth without disrupting the overall balance.
Is #9ebac4 readable on white or black?
#9ebac4 has a 2.04:1 contrast ratio on white and 10.27: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.