#B1C6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue feels clean and approachable. Because #b1c6ff has low saturation and high lightness, it works best as a primary background color for clean, professional interfaces in healthcare or finance. It maintains excellent legibility with black text, as the contrast ratio hits 12.4:1. Pair it with soft charcoal grays or deep navies to keep your design from feeling washed out.
Questions about #b1c6ff
What is #b1c6ff in RGB, HSL and CMYK?
In RGB, #b1c6ff is rgb(177, 198, 255), in HSL hsl(224, 100%, 85%) and in CMYK 31%, 22%, 0%, 0%.
Why does #b1c6ff work well for professional UI designs?
This hue provides a calming, unobtrusive backdrop that maintains high readability with dark text. Because of its high lightness, #b1c6ff creates a clean, airy feeling that helps organize information without overwhelming the user or distracting from core content elements.
What colors pair best with #b1c6ff?
Is #b1c6ff readable on white or black?
#b1c6ff has a 1.69:1 contrast ratio on white and 12.39: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.