#B1EAF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale, cool cyan reads as airy and clean. Because it is highly unsaturated and bright, #b1eaf2 works best as a soft background or a supporting accent rather than a primary brand color. It offers excellent legibility for black text, making it a functional choice for UI interfaces. Pair it with charcoal gray or deep navy to ground its ethereal quality.
Questions about #b1eaf2
What is #b1eaf2 in RGB, HSL and CMYK?
In RGB, #b1eaf2 is rgb(177, 234, 242), in HSL hsl(187, 71%, 82%) and in CMYK 27%, 3%, 0%, 5%.
How can I effectively use #b1eaf2 in UI design?
#b1eaf2 functions best as a soft, ethereal background color rather than a primary brand element. Because of its extreme brightness, it offers high legibility for dark text, allowing you to use charcoal or deep navy for crisp, professional readability.
What colors pair well with #b1eaf2?
This pale cyan needs grounding to balance its airy quality, so pairing it with deep, moody tones like charcoal or navy is highly recommended. Avoid pairing it with other very light pastels to prevent your design from appearing washed out or lacklustre.
Is #b1eaf2 readable on white or black?
#b1eaf2 has a 1.31:1 contrast ratio on white and 15.92: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.