#BFD3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated periwinkle feels gentle and airy due to its high lightness and low chroma. Because black text offers high readability against #bfd3ff, it works well as a subtle UI background for healthcare or financial dashboards. Use it to create a sense of professional security without overwhelming the user. Just keep it away from pure white to avoid a washed-out appearance.
Questions about #bfd3ff
What is #bfd3ff in RGB, HSL and CMYK?
In RGB, #bfd3ff is rgb(191, 211, 255), in HSL hsl(221, 100%, 87%) and in CMYK 25%, 17%, 0%, 0%.
What colors pair well with #bfd3ff for UI design?
#bfd3ff works best when paired with high-contrast neutral text like charcoal or deep navy to maintain readability. You can create a balanced, professional interface by using this soft tone for backgrounds while reserving darker, saturated colors for essential call-to-action buttons.
Is #bfd3ff readable on white or black?
#bfd3ff has a 1.50:1 contrast ratio on white and 13.97: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.