#9BC4E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a dusty, cool temperature that feels approachable and professional. Because it is so light, #9bc4e0 works best as a primary UI background or a soft header accent rather than text. It pairs beautifully with charcoal grays for a modern, tech-focused look. The hex code for this shade is #9bc4e0, which provides excellent contrast against standard black body text.
Questions about #9bc4e0
What is #9bc4e0 in RGB, HSL and CMYK?
In RGB, #9bc4e0 is rgb(155, 196, 224), in HSL hsl(204, 53%, 74%) and in CMYK 31%, 12%, 0%, 12%.
What colors pair well with #9bc4e0 for a professional UI?
Use #9bc4e0 alongside deep charcoal or slate grays to create high-contrast, modern interfaces that remain easy on the eyes. This pairing balances the soft, cool temperature of the blue with a grounding, neutral anchor that ensures readability.
Does #9bc4e0 work well as a background for text?
While #9bc4e0 is an excellent choice for headers or UI backgrounds, use it with dark text to maintain proper contrast ratios. Because the shade is quite light and unsaturated, placing white text directly on top will likely fail accessibility standards.
Is #9bc4e0 readable on white or black?
#9bc4e0 has a 1.84:1 contrast ratio on white and 11.36: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.