#BFD7EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, pale blue, #bfd7ea offers a desaturated tone that feels professional and secure. Its airy quality works best as a primary UI background or a neutral base in tech and healthcare branding. Because it maintains strong contrast against dark text, it remains readable even at small sizes. Pair this hex code with a sharp charcoal or deep navy to ground its ethereal character without looking washed out.
Questions about #bfd7ea
What is #bfd7ea in RGB, HSL and CMYK?
In RGB, #bfd7ea is rgb(191, 215, 234), in HSL hsl(207, 51%, 83%) and in CMYK 18%, 8%, 0%, 8%.
What colors pair best with #bfd7ea in a UI design?
#bfd7ea works best when anchored by high-contrast, dark neutrals like charcoal or deep navy. These pairings ground the airy, ethereal quality of the blue while ensuring that text remains sharp and perfectly legible on smaller screen sizes.
Is #bfd7ea suitable for professional branding or healthcare websites?
Yes, this specific shade is highly effective for healthcare and tech branding because it feels secure, clean, and restrained. Its desaturated nature avoids the jarring intensity of brighter blues, creating a sense of reliability and calm that is essential for user-facing platforms.
Is #bfd7ea readable on white or black?
#bfd7ea has a 1.48:1 contrast ratio on white and 14.12: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.