#B0C6CD

Color Details

HEX
#B0C6CD
RGB
rgb(176, 198, 205)
HSL
hsl(194, 22%, 75%)
CMYK
cmyk(14%, 3%, 0%, 20%)
Best text on this color #000000 (CR 11.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b0c6cd
Contrast 11.81:1 AAA
White on #b0c6cd
Contrast 1.78:1 Fail
#b0c6cd on Black
Contrast 11.81:1 AAA
#b0c6cd on White
Contrast 1.78:1 Fail

Tints & Shades

#c0d1d7
#d0dde1
#dfe8eb
#8d9ea4
#6a777b
#464f52

Complement & Analogous

#cdb8b1
#b1b9cd
#b1cdc6

Triadic

#cdb1c7
#c7cdb1

Monochrome

#464f52 #6a777b #b0c6cd #d0dde1 #dfe8eb #eff4f5

Analogous

#b1cdc6 #c8dcd7 #b0c6cd #c1c7d7 #b1b9cd #8e94a4

Complementary Mix

#6a777b #b0c6cd #d0dde1 #cdb8b1 #dfd1cc #857873

Nearby Colors

#b0c6cc
#b0c6ce
#b0c6bd
#b0c6dd

Embed #B0C6CD swatch

Embed this swatch

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

Open image

About #B0C6CD

#B0C6CD converts to RGB(176, 198, 205) and HSL(194, 22%, 75%). 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).

#B0C6CD FAQs

What is the RGB value of #B0C6CD?
RGB: 176, 198, 205. Copy as CSS: rgb(176, 198, 205)
Is #B0C6CD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B0C6CD?
Complement: #cdb8b1.
Does #B0C6CD have good contrast on white or black?
On white: 1.78:1 (Fails AA). On black: 11.81:1 (AAA (normal text)).