#96B6BD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated cyan carries a distinct ashy undertone that mutes its intensity. Because it is highly readable, #96b6bd functions well as a supporting background color in clean UI designs. It pairs effectively with warm, earthy terracotta tones, which prevent the color from feeling too cold. Designers should use this hex code sparingly as an accent to avoid a washed-out appearance on large screens.
Questions about #96b6bd
What is #96b6bd in RGB, HSL and CMYK?
In RGB, #96b6bd is rgb(150, 182, 189), in HSL hsl(191, 23%, 66%) and in CMYK 21%, 4%, 0%, 26%.
What colors pair well with #96b6bd in a palette?
#96b6bd pairs beautifully with warm, earthy tones like terracotta or deep ochre to counteract its cool, ashy nature. Using these warmer neutrals prevents the design from feeling too cold or washed out while maintaining visual balance.
Is #96b6bd suitable for UI background use?
Yes, #96b6bd is highly effective as a background color because it is unsaturated enough to remain unobtrusive while offering better contrast than standard gray. It works best when paired with dark, high-contrast text to ensure strong readability for users.
Is #96b6bd readable on white or black?
#96b6bd has a 2.15:1 contrast ratio on white and 9.72: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.