#B5C4D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue leans heavily into grey, offering a restrained and professional appearance. Because of its light, muted character, #b5c4d0 functions best as a spacious UI background or a neutral secondary tone. It pairs cleanly with charcoal or deep navy for high-contrast, readable layouts. Its low chroma prevents it from feeling overwhelming, making it a reliable choice for minimalist financial or tech interfaces.
Questions about #b5c4d0
What is #b5c4d0 in RGB, HSL and CMYK?
In RGB, #b5c4d0 is rgb(181, 196, 208), in HSL hsl(207, 22%, 76%) and in CMYK 13%, 6%, 0%, 18%.
Which colors pair best with #b5c4d0 for UI design?
Does #b5c4d0 read as a warm or cool color?
While it leans toward cool blue, the heavy grey desaturation makes #b5c4d0 feel remarkably neutral and restrained. It lacks the icy brightness of traditional blues, giving it a calm, grounded appearance that won't strain the eyes in long-form reading contexts.
Is #b5c4d0 readable on white or black?
#b5c4d0 has a 1.78:1 contrast ratio on white and 11.77: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.