#BBCAF2 Hex Color

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

Hex color #bbcaf2 graphic
A pale, dusty blue with a cool gray cast, #bbcaf2 feels soft, peaceful, and dependable. Its low saturation suits healthcare, finance, security, and spring-themed interfaces. Use it as a dominant background with navy or charcoal text; black text achieves about 12.8:1 contrast. The hex code #bbcaf2 can look washed out beside white.

Questions about #bbcaf2

What is #bbcaf2 in RGB, HSL and CMYK?
In RGB, #bbcaf2 is rgb(187, 202, 242), in HSL hsl(224, 68%, 84%) and in CMYK 23%, 17%, 0%, 5%.
What colors pair well with #bbcaf2?
#bbcaf2 pairs well with navy, charcoal, and other deep cool neutrals, which give its pale blue-gray base enough definition without breaking its calm, dependable mood, especially when used for text and interface details. Use darker tones for borders or icons.
What mood does #bbcaf2 create in an interface?
#bbcaf2 reads as a cool, pale blue because its blue base is softened by a gray cast; it feels peaceful, steady, and restrained rather than bright or energetic, making it suitable for healthcare, finance, security, and spring interfaces.
Is #bbcaf2 readable on white or black?
#bbcaf2 has a 1.63:1 contrast ratio on white and 12.84: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.