#B8D0FA Hex Color

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

Select a Color

This extremely pale, unsaturated blue reads as a soft, airy neutral rather than a primary hue. Because of its light value and cool temperature, it works best as a spacious background in UI design where black text provides excellent readability. The hex code for this color is #b8d0fa. Pair it with charcoal gray or navy for a professional, grounded look that avoids looking overly childish.

Questions about #b8d0fa

What is #b8d0fa in RGB, HSL and CMYK?

In RGB, #b8d0fa is rgb(184, 208, 250), in HSL hsl(218, 87%, 85%) and in CMYK 26%, 17%, 0%, 2%.

What colors pair best with #b8d0fa in UI design?

This light blue works best when paired with deep, grounded colors like navy or charcoal to create high-contrast readability. Using such dark text colors against this pale background prevents the design from feeling washed out or overly delicate.

Is #b8d0fa readable on white or black?

#b8d0fa has a 1.56:1 contrast ratio on white and 13.44: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.

#B8D0FA Hex Color

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

Questions about #b8d0fa

Color tools

Resources