#B1D2F6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel sky blue is highly unsaturated, offering a clean and airy aesthetic. The hex code #b1d2f6 works best as a primary UI background or a soft accent for tech and healthcare branding. Because it is so light, it provides excellent contrast for black or dark charcoal text. Pair this color with warm, desaturated grays to anchor its cool temperature in your layout.
Questions about #b1d2f6
What is #b1d2f6 in RGB, HSL and CMYK?
In RGB, #b1d2f6 is rgb(177, 210, 246), in HSL hsl(211, 79%, 83%) and in CMYK 28%, 15%, 0%, 4%.
What colors pair well with #b1d2f6 in a UI layout?
To ground this airy blue, pair it with deep charcoal or dark navy text for high readability. Using desaturated, warm grays alongside #b1d2f6 creates a balanced, professional look that prevents the design from feeling too cold or sterile.
Is #b1d2f6 readable on white or black?
#b1d2f6 has a 1.56:1 contrast ratio on white and 13.41: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.