#BFD6FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, muted blue feels clean and approachable, making it an ideal choice for UI backgrounds where readability matters. Because it offers strong contrast against black text, it functions perfectly as a base color for healthcare or finance apps. The hex code is #bfd6fc. Use it sparingly with darker navy accents to keep your design from looking washed out or overly sterile.
Questions about #bfd6fc
What is #bfd6fc in RGB, HSL and CMYK?
In RGB, #bfd6fc is rgb(191, 214, 252), in HSL hsl(217, 91%, 87%) and in CMYK 24%, 15%, 0%, 1%.
How should I use #bfd6fc in user interface design?
#bfd6fc functions best as a background or accent color that keeps interfaces feeling clean and airy. Because it is a soft shade, pair it with dark navy or charcoal text to ensure the contrast remains sharp and accessible for daily reading.
Does #bfd6fc read as a warm or cool blue?
This hex color leans distinctly cool due to its high white content and subtle, calm undertones. It avoids the neon intensity of primary blues, making it a reliable choice when you want to minimize visual strain in a professional or healthcare-focused application.
Is #bfd6fc readable on white or black?
#bfd6fc has a 1.47:1 contrast ratio on white and 14.23: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.