#B2BFFD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated indigo leans toward a cool periwinkle tone. Because it remains light and airy, #b2bffd works best as a soft background or a supporting accent in UI design. It provides excellent readability for black text, ensuring strong contrast for accessibility. Pair this shade with deep charcoal or slate greys to ground its sparkling, ethereal character without letting it wash out against stark white.
Questions about #b2bffd
What is #b2bffd in RGB, HSL and CMYK?
In RGB, #b2bffd is rgb(178, 191, 253), in HSL hsl(230, 95%, 85%) and in CMYK 30%, 25%, 0%, 1%.
How can I effectively use #b2bffd in interface design?
#b2bffd serves best as a light background color or a subtle accent that does not overwhelm the user. Because it is a pale, unsaturated hue, it provides a stable foundation for dark text to ensure high readability standards on web pages.
What colors pair well with #b2bffd for a professional scheme?
Pair #b2bffd with deep charcoal or cool slate greys to ground the shade and prevent it from appearing washed out. These darker neutrals offer the necessary contrast to make the periwinkle tone feel intentional and structured rather than purely decorative.
Is #b2bffd readable on white or black?
#b2bffd has a 1.78:1 contrast ratio on white and 11.76: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.