#BFD8FF Hex Color

An airy and professional pastel blue

Select a Color

This pale, airy blue feels clean and professional without being sterile. As a very light pastel, #bfd8ff works best as a primary background color for UI design, providing high contrast for black body text. Because it is very unsaturated, it pairs well with charcoal or deep navies to ground its lightness. Use the hex code #bfd8ff when you need a gentle, trustworthy foundation for a clean interface.

Questions about #bfd8ff

What is #bfd8ff in RGB, HSL and CMYK?

In RGB, #bfd8ff is rgb(191, 216, 255), in HSL hsl(217, 100%, 87%) and in CMYK 25%, 15%, 0%, 0%.

What colors pair well with #bfd8ff for UI design?

Use deep charcoal or dark navy text to ground this light blue while maintaining high contrast. These pairings create a balanced, professional hierarchy that makes the light #bfd8ff background feel intentional rather than washed out.

Is #bfd8ff readable on white or black?

#bfd8ff has a 1.45:1 contrast ratio on white and 14.48: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.

#BFD8FF Hex Color

An airy and professional pastel blue

Questions about #bfd8ff

Color tools

Resources