#B0CAE9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b0cae9 graphic
A pale, dusty blue, #b0cae9 has cool gray undertones and a soft, ashy finish. Its low saturation creates a gentle, dependable mood for healthcare, finance, security, and spring-themed designs. Use it as a light UI background with navy or charcoal accents; black text reaches about 12.5:1 contrast. The hex code for this color is #b0cae9.

Questions about #b0cae9

What is #b0cae9 in RGB, HSL and CMYK?
In RGB, #b0cae9 is rgb(176, 202, 233), in HSL hsl(213, 56%, 80%) and in CMYK 24%, 13%, 0%, 9%.
What colors pair well with #b0cae9?
#b0cae9 pairs well with deep navy, charcoal, and muted sage, reinforcing its cool gray undertones while adding contrast for buttons, headings, borders, and other interface details without making the overall palette feel harsh.
Is #b0cae9 readable on white or black?
#b0cae9 has a 1.68:1 contrast ratio on white and 12.47: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.