#BBD3D9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bbd3d9 is a desaturated, pale cyan with distinct grey undertones. This airy, bleached shade works effectively as a background for minimalist UI designs where readability matters. Because it offers strong contrast with black text, you can use it confidently for body copy and dense interface elements. Pair it with charcoal or slate greys to ground its washed-out appearance and prevent the palette from feeling too ethereal.
Questions about #bbd3d9
What is #bbd3d9 in RGB, HSL and CMYK?
In RGB, #bbd3d9 is rgb(187, 211, 217), in HSL hsl(192, 28%, 79%) and in CMYK 14%, 3%, 0%, 15%. Browse more shades of gray with names and hex codes.
How do I style text against #bbd3d9?
High contrast is essential for #bbd3d9 because of its pale, desaturated nature. Pair it with charcoal or deep navy text to ensure readability, as pure black often feels too heavy against such an airy and bleached backdrop.
What is the best design use for #bbd3d9?
Its primary strength is serving as a calm, unobtrusive backdrop in modern user interface design. Because it lacks high saturation, #bbd3d9 stays neutral enough to sit behind dense interface elements without distracting from critical information or creating visual fatigue.
Is #bbd3d9 readable on white or black?
#bbd3d9 has a 1.56:1 contrast ratio on white and 13.43: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.