#BBDFF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue is highly desaturated and maintains a cool temperature. The hex code for this shade is #bbdff7. It serves as an effective background for UI layouts, particularly because black text offers high readability against it. Avoid using it alongside stark white elements, as the color can appear washed out. Pair it with deep navy to anchor your composition.
Questions about #bbdff7
What is #bbdff7 in RGB, HSL and CMYK?
In RGB, #bbdff7 is rgb(187, 223, 247), in HSL hsl(204, 79%, 85%) and in CMYK 24%, 10%, 0%, 3%.
What colors pair well with #bbdff7?
Pair #bbdff7 with deep tones like navy or charcoal to anchor your composition, as these provide a sophisticated contrast that prevents the soft blue from appearing washed out. Avoid using it against stark white backgrounds for better readability.
Is #bbdff7 suitable for UI background use?
Yes, #bbdff7 is an effective choice for interface design because it is highly desaturated, allowing standard black or dark grey text to maintain high readability. Its cool temperature creates a calm, professional aesthetic suitable for modern dashboards and applications.
Is #bbdff7 readable on white or black?
#bbdff7 has a 1.39:1 contrast ratio on white and 15.01: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.