#BBCDF7 Hex Color

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

Hex color #bbcdf7 graphic
Soft and cool, #bbcdf7 is a very light, dusty blue with gray undertones and low saturation. Its gentle appearance suits healthcare, finance, security, baby products, and spring-themed designs. Use it as a spacious UI background with black text, which reaches about 13.2:1 contrast. Pair the hex code with navy or charcoal when stronger definition is needed.

Questions about #bbcdf7

What is #bbcdf7 in RGB, HSL and CMYK?
In RGB, #bbcdf7 is rgb(187, 205, 247), in HSL hsl(222, 79%, 85%) and in CMYK 24%, 17%, 0%, 3%.
What colors pair well with #bbcdf7?
Navy, charcoal, and muted blue-gray pair well with #bbcdf7 because their darker, restrained tones add definition without overpowering its soft coolness. Use them for headings, borders, buttons, and icons while reserving the pale blue for broad background areas.
Does #bbcdf7 look warm or cool?
#bbcdf7 reads as a cool color because its pale blue base and gray undertones create a crisp, calm appearance rather than a yellow or warm impression, making it suitable for healthcare, security, finance, and spring-themed interfaces.
Is #bbcdf7 readable on white or black?
#bbcdf7 has a 1.59:1 contrast ratio on white and 13.18: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.