#BBE8FF Hex Color

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

Hex color #bbe8ff graphic
This very pale, unsaturated blue offers a clean, airy feel for web interfaces. Because it maintains high contrast with black text, #bbe8ff functions well as a neutral background in finance or healthcare apps. It can look washed out next to pure white, so pair it with a deeper navy or charcoal to anchor the palette. This hex code provides a professional, stable foundation for large screen areas.

Questions about #bbe8ff

What is #bbe8ff in RGB, HSL and CMYK?
In RGB, #bbe8ff is rgb(187, 232, 255), in HSL hsl(200, 100%, 87%) and in CMYK 27%, 9%, 0%, 0%.
What colors pair best with #bbe8ff for interface design?
Because #bbe8ff is quite light and unsaturated, it pairs effectively with deep navy or charcoal to anchor your layout. These darker tones provide the necessary contrast for text and interactive elements while preventing the interface from looking washed out or flat.
Is #bbe8ff suitable for text on a white background?
Using #bbe8ff as a text color on a standard white background is not recommended as it lacks sufficient contrast for readability. It serves much better as a subtle background color itself, where it can support high-contrast dark text without overwhelming the user.
Is #bbe8ff readable on white or black?
#bbe8ff has a 1.30:1 contrast ratio on white and 16.09: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.