#BBD2F1 Hex Color

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

Hex color #bbd2f1 graphic
Light and very unsaturated, #bbd2f1 is a pastel blue with a soft, slightly gray character. Its gentle appearance suggests peace, trust, security, and youthful care, making it useful for healthcare, finance, technology, and baby-product designs. Use it as a broad UI background with dark text, which has about 13.6:1 contrast. The hex code is #bbd2f1.

Questions about #bbd2f1

What is #bbd2f1 in RGB, HSL and CMYK?
In RGB, #bbd2f1 is rgb(187, 210, 241), in HSL hsl(214, 66%, 84%) and in CMYK 22%, 13%, 0%, 5%.
Which colors pair well with #bbd2f1?
The #bbd2f1 hex color pairs well with navy or dark gray for grounded contrast, while lavender can keep the palette gentle and create a softer, cool-toned interface overall for branding.
Is #bbd2f1 a warm or cool color?
#bbd2f1 reads as a cool color because its blue hue and low saturation create a soft, slightly gray appearance, making it well suited to calm interfaces, healthcare layouts, finance products, and technology designs.
Is #bbd2f1 readable on white or black?
#bbd2f1 has a 1.54:1 contrast ratio on white and 13.60: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.