#B3DCF7 Hex Color

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

Hex color #b3dcf7 graphic
#b3dcf7 is a pale, low-saturation blue with a cool, airy finish and subtle gray undertones. Its lightness suggests softness and trust, making it useful for healthcare, finance, security, and spring-themed designs. Use it as a broad UI background with dark navy or charcoal text. The hex code is #b3dcf7, with black text achieving about 14.5:1 contrast.

Questions about #b3dcf7

What is #b3dcf7 in RGB, HSL and CMYK?
In RGB, #b3dcf7 is rgb(179, 220, 247), in HSL hsl(204, 81%, 84%) and in CMYK 28%, 11%, 0%, 3%.
What colors pair well with #b3dcf7?
#b3dcf7 pairs well with navy, charcoal, muted mauve, and soft gray, creating balanced palettes that preserve its cool, airy feel while adding depth for headings, borders, or supporting accents.
Where can #b3dcf7 be used effectively?
#b3dcf7 works well for broad UI backgrounds, healthcare interfaces, security dashboards, finance tools, and spring-inspired layouts because its pale blue tone feels clean, calm, and trustworthy without overwhelming foreground content.
Is #b3dcf7 readable on white or black?
#b3dcf7 has a 1.44:1 contrast ratio on white and 14.49: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.