#BBE6DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated teal brings a clean, airy quality to digital interfaces. Because it is highly bleached, #bbe6dd works best as a supporting background rather than for large blocks of text. Pair this delicate shade with deep charcoal or slate gray to anchor its lightness. The hex code for this color is #bbe6dd, and it maintains excellent accessibility when paired with dark, high-contrast typography.
Questions about #bbe6dd
What is #bbe6dd in RGB, HSL and CMYK?
In RGB, #bbe6dd is rgb(187, 230, 221), in HSL hsl(167, 46%, 82%) and in CMYK 19%, 0%, 4%, 10%.
What colors pair best with #bbe6dd for UI design?
Use deep charcoal or slate gray text to anchor #bbe6dd, as this bleached teal lacks enough contrast for readability on its own. For accents, a warm terracotta or soft coral creates a balanced, modern visual harmony in user interfaces.
Is #bbe6dd considered a warm or cool color?
#bbe6dd is a cool-toned, unsaturated teal that leans heavily into green and blue spectrums, making it feel clean and clinical. Its high lightness value keeps it from feeling aggressive, ensuring a refreshing, open atmosphere in web backgrounds.
Is #bbe6dd readable on white or black?
#bbe6dd has a 1.35:1 contrast ratio on white and 15.47: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.