#BFD9FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very pale, cool blue reads as soft and airy due to its high lightness and low saturation. Because black text offers high contrast against this shade, it makes an excellent, readable background for UI design. Pair #bfd9ff with warm charcoal or deep slate grays to ground its washiness. The hex code for this color is #bfd9ff.
Questions about #bfd9ff
What is #bfd9ff in RGB, HSL and CMYK?
In RGB, #bfd9ff is rgb(191, 217, 255), in HSL hsl(216, 100%, 87%) and in CMYK 25%, 15%, 0%, 0%.
What colors pair best with #bfd9ff?
Because #bfd9ff is such a light, cool blue, it works beautifully with high-contrast, warm dark neutrals. Using it alongside deep charcoal or dark slate grays prevents the design from looking washed out while keeping the interface feeling clean and modern.
Is #bfd9ff a good choice for text backgrounds?
Yes, #bfd9ff functions as an excellent, readable background for user interfaces due to its high lightness and low saturation. It provides a soft, calming canvas that ensures dark text remains legible, though avoid using it with light-colored or neon typography.
Is #bfd9ff readable on white or black?
#bfd9ff has a 1.43:1 contrast ratio on white and 14.58: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.