#9BB6E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue carries a cool, airy quality that feels approachable and professional. The hex code #9bb6e8 works best as a primary background color for modern, clean interfaces where you need to project stability. Pair it with charcoal gray text for excellent readability. Because of its muted tone, avoid using it next to overly vivid neons which can make this shade appear washed out.
Questions about #9bb6e8
What is #9bb6e8 in RGB, HSL and CMYK?
In RGB, #9bb6e8 is rgb(155, 182, 232), in HSL hsl(219, 63%, 76%) and in CMYK 33%, 22%, 0%, 9%.
What design elements pair best with #9bb6e8?
This desaturated blue functions best as a calm background for clean user interfaces and professional branding. It pairs beautifully with deep charcoal or slate text, creating strong readability while maintaining a sophisticated, stable aesthetic that keeps visuals grounded.
Should I pair #9bb6e8 with bright accent colors?
Avoid placing #9bb6e8 next to vivid, high-saturation neon colors because the contrast can make the blue appear washed out or muddy. Instead, choose muted, desaturated tones or deeper shades to maintain the professional, airy character of the color scheme.
Is #9bb6e8 readable on white or black?
#9bb6e8 has a 2.04:1 contrast ratio on white and 10.25: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.