Skip to main content
ToolsHub
#BDC3C7

#BDC3C7 Color — #BDC3C7

Complete color reference for #BDC3C7: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#BDC3C7
RGBrgb(189, 195, 199)
HSLhsl(204, 8%, 76%)
HSVhsv(204, 5%, 78%)
CMYKC:5% M:2% Y:0% K:22%
CSS Color#BDC3C7
Decimal12436423
Luminance0.5397

WCAG Accessibility Contrast

#BDC3C7 on White
Ratio: 1.78:1 — Fail
#BDC3C7 on Black
Ratio: 11.79:1 — AAA
White on #BDC3C7
Ratio: 1.78:1 — Fail
Black on #BDC3C7
Ratio: 11.79:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FCFCFC
100#F5F6F7
200#EBEDEE
300#E1E4E6
400#D4D8DB
500#BDC3C7
600#979C9F
700#717577
800#4C4E50
900#2F3132

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #BDC3C7?

The RGB equivalent is rgb(189, 195, 199). The red channel is 189, green is 195, and blue is 199 (scale 0–255).

What is the HSL value of #BDC3C7?

The HSL value is hsl(204, 8%, 76%). Hue is 204°, saturation is 8%, and lightness is 76%.

Does #BDC3C7 meet WCAG accessibility standards?

On a white background, #BDC3C7 achieves a 1.78:1 contrast ratio (Fail). On a black background it achieves 11.79:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #BDC3C7?

The complementary color (180° opposite on the hue wheel) of #BDC3C7 is #C7C1BD.