#B5D3FF Hex Color

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

Hex color #b5d3ff graphic
This very light, desaturated blue offers a cooling, airy quality without feeling sterile. Because of its high lightness, #b5d3ff functions best as a spacious UI background or a subtle accent. It maintains excellent readability with standard black text. Try pairing this hex code with a deep charcoal or navy to ground the palette and prevent the design from looking too washed out.

Questions about #b5d3ff

What is #b5d3ff in RGB, HSL and CMYK?
In RGB, #b5d3ff is rgb(181, 211, 255), in HSL hsl(216, 100%, 85%) and in CMYK 29%, 17%, 0%, 0%.
What colors pair best with #b5d3ff for a balanced UI?
Deep neutrals like charcoal or navy ground this airy light blue, preventing it from appearing washed out on screens. These darker tones provide necessary contrast for accessibility while maintaining a professional, clean aesthetic suitable for modern digital interfaces.
Is #b5d3ff a cool or warm blue shade?
#b5d3ff is distinctly a cool-toned blue, carrying a crisp and refreshing quality that mimics the appearance of a pale, cloudless morning sky. Its desaturated nature makes it feel softer and less aggressive than primary or electric blues.
Is #b5d3ff readable on white or black?
#b5d3ff has a 1.52:1 contrast ratio on white and 13.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.