#B7D3E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b7d3e8 is a pale, desaturated blue with a clean, airy quality. Because it is so light, it works best as a primary background for UI designs rather than text. It maintains strong readability with black text, making it a functional choice for healthcare or tech interfaces. Use this hex code alongside charcoal grays to ground its soft, washed-out character.
Questions about #b7d3e8
What is #b7d3e8 in RGB, HSL and CMYK?
In RGB, #b7d3e8 is rgb(183, 211, 232), in HSL hsl(206, 52%, 81%) and in CMYK 21%, 9%, 0%, 9%.
What colors pair best with #b7d3e8 for UI design?
Pair #b7d3e8 with deep charcoal or dark navy text to maintain high contrast and professional legibility. Because this shade is so light, these darker neutrals provide the necessary visual anchor to keep the interface feeling grounded rather than washed out.
Is #b7d3e8 suitable for use as a primary interface background?
Yes, #b7d3e8 is highly effective for interface backgrounds because it reduces eye strain while remaining neutral enough for varied content. It sits comfortably between white and traditional blue, offering a subtle, clean aesthetic that feels modern and approachable for users.
Is #b7d3e8 readable on white or black?
#b7d3e8 has a 1.55:1 contrast ratio on white and 13.49: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.