#B3BCF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated indigo has an ashy, dusty quality that softens harsh interface elements. Because #b3bcf2 is quite pale, it excels as a background color for mobile apps or light-mode dashboards. Black text remains readable against it, making this shade accessible for body type. Try pairing this cool tone with warm charcoal or deep slate to ground its ethereal character. The hex code for this color is #b3bcf2.
Questions about #b3bcf2
What is #b3bcf2 in RGB, HSL and CMYK?
In RGB, #b3bcf2 is rgb(179, 188, 242), in HSL hsl(231, 71%, 83%) and in CMYK 26%, 22%, 0%, 5%.
Does #b3bcf2 work well as a UI background color?
#b3bcf2 is an excellent choice for mobile app or dashboard backgrounds because its pale, desaturated nature softens harsh interface elements. It provides enough presence to define a container without distracting from the primary content or text displayed on top.
Which colors pair best with #b3bcf2 for a balanced scheme?
This cool, ashy tone pairs beautifully with warm charcoal or deep slate to ground its ethereal character. Using dark, saturated neutrals creates a sophisticated contrast that keeps the overall design feeling professional and grounded rather than overly airy.
Is #b3bcf2 readable on white or black?
#b3bcf2 has a 1.84:1 contrast ratio on white and 11.39: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.