#B4BCF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated pastel indigo carries a cool, ethereal quality that feels both crisp and gentle. Because of its high lightness, #b4bcf7 works well as a subtle UI background rather than a primary accent. It offers excellent legibility with black text, ensuring strong accessibility for web interfaces. Pair this hex code with dark charcoal or soft slate grays to ground its airy, youthful character.
Questions about #b4bcf7
What is #b4bcf7 in RGB, HSL and CMYK?
In RGB, #b4bcf7 is rgb(180, 188, 247), in HSL hsl(233, 81%, 84%) and in CMYK 27%, 24%, 0%, 3%.
What colors pair best with #b4bcf7 for web design?
Pair #b4bcf7 with charcoal or deep slate grays to ground its airy quality while maintaining strong contrast. These dark, neutral tones anchor the lightness of the indigo, creating a professional and balanced look that keeps text legible and sharp.
Is #b4bcf7 readable on white or black?
#b4bcf7 has a 1.82:1 contrast ratio on white and 11.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.