#B2BCBF

Color Details

HEX
#B2BCBF
RGB
rgb(178, 188, 191)
HSL
hsl(194, 9%, 72%)
CMYK
cmyk(7%, 2%, 0%, 25%)
Best text on this color #000000 (CR 10.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2bcbf
Contrast 10.84:1 AAA
White on #b2bcbf
Contrast 1.94:1 Fail
#b2bcbf on Black
Contrast 10.84:1 AAA
#b2bcbf on White
Contrast 1.94:1 Fail

Tints & Shades

#c1c9cc
#d1d7d9
#e0e4e5
#8e9699
#6b7173
#474b4c

Complement & Analogous

#beb4b1
#a8b0c7
#a8c7bf

Triadic

#beb1bb
#bbbeb1

Monochrome

#474b4c #6b7173 #b2bcbf #d1d7d9 #e0e4e5 #f0f2f2

Analogous

#a8c7bf #c2d8d2 #b2bcbf #b9c0d2 #a8b0c7 #868d9f

Complementary Mix

#6b7173 #b2bcbf #d1d7d9 #beb4b1 #d5cecc #7c7573

Nearby Colors

#b2bcbe
#b2bcc0
#b2bcaf
#b2bccf

Embed #B2BCBF swatch

Embed this swatch

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

Open image

About #B2BCBF

#B2BCBF converts to RGB(178, 188, 191) and HSL(194, 9%, 72%). 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).

#B2BCBF FAQs

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