#B7BECC Hex Color

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

Hex color #b7becc graphic
#b7becc is a pale, ashy blue that leans heavily into grey. Its desaturated tone creates an airy, professional backdrop for modern interfaces. Because it offers high contrast against black text, it works well for body copy in tech or accounting applications. Pair this hex code with dark charcoal to keep a design grounded and legible.

Questions about #b7becc

What is #b7becc in RGB, HSL and CMYK?
In RGB, #b7becc is rgb(183, 190, 204), in HSL hsl(220, 17%, 76%) and in CMYK 10%, 7%, 0%, 20%. Browse more shades of gray with names and hex codes.
When should I use #b7becc in my interface designs?
Use #b7becc as a background color for professional applications or reading-heavy interfaces where you need to reduce eye strain. It works best when paired with high-contrast text, such as charcoal or deep navy, to ensure the UI remains legible and crisp.
Is #b7becc considered a warm or cool color?
This hex color is distinctly cool because of its heavy blue and grey undertones. It avoids the yellow or red warmth of many other greys, making it an ideal choice for designs that prioritize a sterile, technical, or calm atmosphere.
Is #b7becc readable on white or black?
#b7becc has a 1.86:1 contrast ratio on white and 11.25: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.