#B8BDBC

Color Details

HEX
#B8BDBC
RGB
rgb(184, 189, 188)
HSL
hsl(168, 4%, 73%)
CMYK
cmyk(3%, 0%, 1%, 26%)
Best text on this color #000000 (CR 11.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b8bdbc
Contrast 11.04:1 AAA
White on #b8bdbc
Contrast 1.90:1 Fail
#b8bdbc on Black
Contrast 11.04:1 AAA
#b8bdbc on White
Contrast 1.90:1 Fail

Tints & Shades

#c6cac9
#d4d7d7
#e3e5e4
#939796
#6e7171
#4a4c4b

Complement & Analogous

#bdb7b8
#abc0c9
#abc9b4

Triadic

#bcb7bd
#bdbcb7

Monochrome

#4a4c4b #6e7171 #b8bdbc #d4d7d7 #e3e5e4 #f1f2f2

Analogous

#abc9b4 #c4d9cb #b8bdbc #bccdd4 #abc0c9 #899aa1

Complementary Mix

#6e7171 #b8bdbc #d4d7d7 #bdb7b8 #d4d0d1 #7b7778

Nearby Colors

#b8bdbb
#b8bdbd
#b8bdac
#b8bdcc

Embed #B8BDBC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #B8BDBC

#B8BDBC converts to RGB(184, 189, 188) and HSL(168, 4%, 73%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#B8BDBC FAQs

What is the RGB value of #B8BDBC?
RGB: 184, 189, 188. Copy as CSS: rgb(184, 189, 188)
Is #B8BDBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B8BDBC?
Complement: #bdb7b8.
Does #B8BDBC have good contrast on white or black?
On white: 1.90:1 (Fails AA). On black: 11.04:1 (AAA (normal text)).