#BBBCF7 Hex Color

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

Hex color #bbbcf7 graphic
A hazy, unsaturated periwinkle, #bbbcf7 carries a cool, ethereal weight. Because it is light and lacks intense saturation, it works best as a soft background rather than a primary focus. Pair it with deep charcoals to maximize contrast, as black text reads clearly against this shade. The hex code for this cool indigo is #bbbcf7, a shade that brings structure to delicate, airy interface designs.

Questions about #bbbcf7

What is #bbbcf7 in RGB, HSL and CMYK?
In RGB, #bbbcf7 is rgb(187, 188, 247), in HSL hsl(239, 79%, 85%) and in CMYK 24%, 24%, 0%, 3%.
How should #bbbcf7 be used in interface design?
Use #bbbcf7 as a subtle background element rather than a primary focus because it lacks high saturation. It maintains excellent readability when paired with high-contrast text, such as deep charcoal, allowing the interface to feel structured yet light and airy.
What colors complement the hazy look of #bbbcf7?
This cool indigo pairs naturally with neutral tones that ground its ethereal quality. To create a balanced palette, combine it with deep slate or sharp charcoal to maximize the contrast and ensure your design maintains professional legibility.
Is #bbbcf7 readable on white or black?
#bbbcf7 has a 1.80:1 contrast ratio on white and 11.64: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.