#B3DBF9 Hex Color

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

Hex color #b3dbf9 graphic
This pale, unsaturated blue is light and airy. Because it is so desaturated, #b3dbf9 works well as a neutral background in UI designs where you need a gentle, approachable feeling. It pairs beautifully with slate gray or crisp navy for a balanced look. The hex code for this cool shade is #b3dbf9, which offers excellent readability with black text for accessible, modern interfaces.

Questions about #b3dbf9

What is #b3dbf9 in RGB, HSL and CMYK?
In RGB, #b3dbf9 is rgb(179, 219, 249), in HSL hsl(206, 85%, 84%) and in CMYK 28%, 12%, 0%, 2%.
What colors pair best with #b3dbf9?
This light blue works perfectly with dark, grounded neutrals like charcoal or navy to create a clean, modern contrast. You can also pair it with soft, muted greys to maintain an airy and balanced aesthetic throughout your design.
Is #b3dbf9 readable on white or black?
#b3dbf9 has a 1.45:1 contrast ratio on white and 14.41: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.