#B1E3F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, airy cyan provides a refreshing base for modern digital interfaces. Because it is highly unsaturated, #b1e3f9 avoids the visual fatigue of bolder hues, making it perfect for soft backgrounds or expansive UI elements. Pair this hex code with dark charcoal text to ensure maximum readability, as black typography creates a sharp, professional contrast against the gentle, cool tone of the color.
Questions about #b1e3f9
What is #b1e3f9 in RGB, HSL and CMYK?
In RGB, #b1e3f9 is rgb(177, 227, 249), in HSL hsl(198, 86%, 84%) and in CMYK 29%, 9%, 0%, 2%.
Is #b1e3f9 suitable for primary UI backgrounds?
Yes, #b1e3f9 works exceptionally well as a primary background color because its low saturation minimizes visual fatigue. It provides a soft, refreshing canvas that allows content to stand out without the intensity of fully saturated blue shades.
Is #b1e3f9 readable on white or black?
#b1e3f9 has a 1.37:1 contrast ratio on white and 15.22: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.