#B6E4FF Hex Color

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

Hex color #b6e4ff graphic
This airy, light blue is highly unsaturated, offering a clean and stable presence for UI backgrounds. Because it is so pale, black text maintains excellent readability against it, making it functional for corporate or healthcare interfaces. The hex code for this shade is #b6e4ff. Use it alongside deep charcoal or navy to prevent it from looking too washed out on screen.

Questions about #b6e4ff

What is #b6e4ff in RGB, HSL and CMYK?
In RGB, #b6e4ff is rgb(182, 228, 255), in HSL hsl(202, 100%, 86%) and in CMYK 29%, 11%, 0%, 0%. Browse more shades of blue with names and hex codes.
What makes #b6e4ff effective for UI design?
The highly unsaturated nature of #b6e4ff creates a stable, airy background that keeps interfaces feeling professional and clean. Its light value ensures that black text remains highly legible, which is essential for healthcare and corporate applications.
How should #b6e4ff be used in a color palette?
Because #b6e4ff is so pale, it can look washed out if used alone; pair it with deep colors like navy or charcoal to ground your design. These dark accents provide necessary visual weight to anchor the airy blue.
Is #b6e4ff readable on white or black?
#b6e4ff has a 1.35:1 contrast ratio on white and 15.53: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.