#BDC3C7 Hex Color

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

Select a Color

This pale, silver-grey functions as an understated background for minimal web interfaces. Because #bdc3c7 offers high contrast against black typography, it maintains excellent readability while feeling softer than stark white. It works best as a neutral, supporting tone in design systems, though it can appear washed out if paired with other desaturated pastels. The hex code for this ashy grey is #bdc3c7.

Questions about #bdc3c7

What is #bdc3c7 in RGB, HSL and CMYK?

In RGB, #bdc3c7 is rgb(189, 195, 199), in HSL hsl(204, 8%, 76%) and in CMYK 5%, 2%, 0%, 22%.

What colors pair well with #bdc3c7?

Because #bdc3c7 is a neutral, balanced grey, it works beautifully with deep tones like charcoal or navy for text hierarchy. You can also pair it with soft, muted accents like dusty rose or sage green to keep the overall palette sophisticated.

Is #bdc3c7 readable on white or black?

#bdc3c7 has a 1.78:1 contrast ratio on white and 11.79: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.

#BDC3C7 Hex Color

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

Questions about #bdc3c7

Color tools

Resources