#96B0DA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated blue feels ashy and cool, sitting between slate and periwinkle. The hex code for this shade is #96b0da. Its muted, dusty quality works best as a supporting background for professional UI designs like tech or healthcare apps. While it offers high contrast with black text, avoid pairing it with stark, bright whites to prevent a washed-out look.
Questions about #96b0da
What is #96b0da in RGB, HSL and CMYK?
In RGB, #96b0da is rgb(150, 176, 218), in HSL hsl(217, 48%, 72%) and in CMYK 31%, 19%, 0%, 15%. Browse more shades of blue with names and hex codes.
How should I use #96b0da in a digital interface?
#96b0da functions best as a neutral, supporting background color rather than a primary call-to-action button. Its muted, ashy quality provides excellent readability for text and avoids the harsh visual fatigue often caused by high-saturation blues.
What colors pair well with #96b0da?
This color pairs beautifully with deep charcoal for high-contrast text or crisp off-white for clean, modern spacing. Avoid pairing it with stark, bright whites, which can wash out the subtle, dusty character of the blue.
Is #96b0da readable on white or black?
#96b0da has a 2.20:1 contrast ratio on white and 9.51: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.