#B3BDD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, greyish blue offers a muted alternative to standard corporate tones. Because of its desaturated quality, #b3bdd3 works best as a supporting background rather than a primary accent. It pairs well with charcoal or deep navy for a professional, reliable UI palette. The hex code for this ashy blue is #b3bdd3, providing excellent contrast for black text in small body sizes.
Questions about #b3bdd3
What is #b3bdd3 in RGB, HSL and CMYK?
In RGB, #b3bdd3 is rgb(179, 189, 211), in HSL hsl(221, 27%, 76%) and in CMYK 15%, 10%, 0%, 17%.
What colors pair well with #b3bdd3 in a professional layout?
Is #b3bdd3 suitable for body text or small UI elements?
Yes, #b3bdd3 offers excellent contrast against white backgrounds, making it a safe choice for small text or subtle UI accents. Its desaturated nature prevents it from overpowering the design while remaining distinct enough to be legible on standard light-mode screens.
Is #b3bdd3 readable on white or black?
#b3bdd3 has a 1.88:1 contrast ratio on white and 11.13: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.