#B1D8F8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, unsaturated sky blue feels approachable and clean. Because of its high lightness, it works best as a large-area background color rather than for small text elements. While black text offers excellent legibility against it, lighter colors can wash out. Pair #b1d8f8 with slate grays or crisp charcoal for a professional, tech-forward palette. The hex code for this cool shade is #b1d8f8.
Questions about #b1d8f8
What is #b1d8f8 in RGB, HSL and CMYK?
In RGB, #b1d8f8 is rgb(177, 216, 248), in HSL hsl(207, 84%, 83%) and in CMYK 29%, 13%, 0%, 3%.
What colors pair well with #b1d8f8 in a UI design?
Use #b1d8f8 alongside charcoal or deep slate grays to maintain professional readability and contrast. Because the blue is quite light, pairing it with darker neutrals prevents the design from looking washed out or overly delicate.
Is #b1d8f8 suitable for body text?
Avoid using #b1d8f8 for standard body text as it lacks the necessary contrast against a white background to be easily readable. It functions significantly better as a large-area background color where it provides a soft, approachable, and calming foundation.
Is #b1d8f8 readable on white or black?
#b1d8f8 has a 1.49:1 contrast ratio on white and 14.04: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.