#B7C4CC Hex Color
Airy grey blue with professional clarity
This pale, desaturated blue leans heavily into grey, creating a bleached and airy appearance. It functions well as a clean, professional background for UI design, easily supporting high-contrast black text. Because this tone is so light, it avoids the muddiness common in darker neutral greys. The hex code for this shade is #b7c4cc.
Questions about #b7c4cc
What is #b7c4cc in RGB, HSL and CMYK?
In RGB, #b7c4cc is rgb(183, 196, 204), in HSL hsl(203, 17%, 76%) and in CMYK 10%, 4%, 0%, 20%.
How should I use #b7c4cc in UI design?
#b7c4cc functions best as a neutral background that supports high-contrast text, such as charcoal or dark ink tones. Because it leans cool and desaturated, it provides a professional, calming aesthetic that prevents visual fatigue in long-form reading interfaces.
Is #b7c4cc considered a warm or cool color?
#b7c4cc is a distinctively cool-toned grey-blue. The presence of blue pigment pushes it away from the warmth of taupe or beige, making it an excellent choice for layouts that require a crisp, clean, and airy atmosphere.
Is #b7c4cc readable on white or black?
#b7c4cc has a 1.78:1 contrast ratio on white and 11.78: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.