#B0B7C3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries heavy grey undertones that feel professional and steady. Because black text offers high readability against the surface, it works perfectly for small UI copy or background sections in security and finance branding. To avoid a washed-out look, pair this hex code #b0b7c3 with dark, saturated charcoal or deep navy accents to provide better visual weight.
Questions about #b0b7c3
What is #b0b7c3 in RGB, HSL and CMYK?
In RGB, #b0b7c3 is rgb(176, 183, 195), in HSL hsl(218, 14%, 73%) and in CMYK 10%, 6%, 0%, 24%.
What design styles work best with #b0b7c3?
This muted, dusty blue excels in corporate settings like financial branding that requires a serious, trustworthy aesthetic. It creates a grounded foundation allowing high-contrast black or charcoal text to remain legible, ensuring your interface design feels both professional and clean.
How do you prevent #b0b7c3 from looking washed out?
The secret to utilizing #b0b7c3 is pairing it with deeper, saturated tones to anchor the design. Relying on navy or charcoal accents provides the necessary visual weight to contrast against this light blue, preventing the layout from feeling listless or overly faint in applications.
Is #b0b7c3 readable on white or black?
#b0b7c3 has a 2.01:1 contrast ratio on white and 10.40: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.