#BBD2EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bbd2eb is a desaturated, powdery blue that feels light and approachable. Because it lacks intensity, it serves as a steady, neutral base for UI backgrounds or medical branding where a clean look is required. This hex code pairs well with dark charcoal text for high readability. Be careful using it alongside pure white, as it can appear washed out in large, solid blocks.
Questions about #bbd2eb
What is #bbd2eb in RGB, HSL and CMYK?
In RGB, #bbd2eb is rgb(187, 210, 235), in HSL hsl(211, 55%, 83%) and in CMYK 20%, 11%, 0%, 8%.
How should I use #bbd2eb in web design?
Use #bbd2eb as a subtle background color for UI interfaces that require a calm, medical, or professional aesthetic. It works exceptionally well when paired with charcoal or dark navy text to maintain high contrast and readability on screen.
Does #bbd2eb look good with pure white?
Avoid using #bbd2eb alongside pure white in large, solid blocks, as the lack of intensity can make the color appear washed out or invisible. Instead, layer it against darker neutrals or mid-tones to keep the design grounded and visually coherent.
Is #bbd2eb readable on white or black?
#bbd2eb has a 1.55:1 contrast ratio on white and 13.53: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.