#BFD3F1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bfd3f1 graphic
The hex code #bfd3f1 is a pale, low-saturation blue with gentle gray undertones. It creates a soft, dependable mood for healthcare, finance, security, and technology interfaces. Use it as a supporting background with navy or charcoal text for stronger structure. Black text reaches about 13.8:1 contrast, meeting WCAG AA requirements for body copy.

Questions about #bfd3f1

What is #bfd3f1 in RGB, HSL and CMYK?
In RGB, #bfd3f1 is rgb(191, 211, 241), in HSL hsl(216, 64%, 85%) and in CMYK 21%, 12%, 0%, 5%.
Which colors pair well with #bfd3f1?
Navy or charcoal creates strong structure beside #bfd3f1, while white and lighter blues preserve its airy feel; use the pale blue as a background and a darker partner for headings, borders, or key interface elements.
Is #bfd3f1 warm or cool?
#bfd3f1 reads as a cool, pale blue because its blue hue is softened by low saturation and gentle gray undertones. That restrained quality keeps it calm rather than icy, making it a natural fit for healthcare, finance, security, and technology interfaces.
Is #bfd3f1 readable on white or black?
#bfd3f1 has a 1.52:1 contrast ratio on white and 13.80: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.