#B2E1F9 Hex Color

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

Hex color #b2e1f9 graphic
This extremely light, desaturated blue offers a crisp, airy aesthetic perfect for clean UI backgrounds or headers. While the hex code #b2e1f9 sits comfortably on a screen, it can wash out against pure white, so pair it with a deeper slate gray or navy for better definition. Because it provides excellent contrast for black text, it serves as a reliable base for accessible, readability-focused design.

Questions about #b2e1f9

What is #b2e1f9 in RGB, HSL and CMYK?
In RGB, #b2e1f9 is rgb(178, 225, 249), in HSL hsl(200, 86%, 84%) and in CMYK 29%, 10%, 0%, 2%.
What colors pair best with #b2e1f9 for a balanced design?
Because #b2e1f9 is quite light, it works best when paired with deeper, grounding tones to ensure visual contrast. Try using a charcoal or deep navy for text and UI elements to prevent the design from feeling washed out.
Is #b2e1f9 readable on white or black?
#b2e1f9 has a 1.39:1 contrast ratio on white and 15.03: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.