#BFCBFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated indigo feels airy and clean. Black text reads clearly against it, making the hex code #bfcbff a reliable choice for accessible UI backgrounds. It works best as a primary base rather than an accent, as it can look washed out next to pure white. Try pairing it with deep charcoal to ground the softness of the color and create necessary visual weight.
Questions about #bfcbff
What is #bfcbff in RGB, HSL and CMYK?
In RGB, #bfcbff is rgb(191, 203, 255), in HSL hsl(229, 100%, 87%) and in CMYK 25%, 20%, 0%, 0%.
What colors pair best with #bfcbff?
Because #bfcbff is so light and airy, it requires high-contrast elements to prevent it from looking washed out. Pair it with deep charcoal or dark navy text to ground the design and ensure the UI remains readable and professional.
Is #bfcbff a suitable color for website backgrounds?
#bfcbff works exceptionally well as an accessible background because it maintains enough visual presence without being overwhelming. It offers a cleaner, more modern alternative to standard whites or grays while keeping black text perfectly legible and easy to scan.
Is #bfcbff readable on white or black?
#bfcbff has a 1.59:1 contrast ratio on white and 13.20: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.