#B6C1CC

Color Details

HEX
#B6C1CC
RGB
rgb(182, 193, 204)
HSL
hsl(210, 18%, 76%)
CMYK
cmyk(11%, 5%, 0%, 20%)
Best text on this color #000000 (CR 11.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b6c1cc
Contrast 11.49:1 AAA
White on #b6c1cc
Contrast 1.83:1 Fail
#b6c1cc on Black
Contrast 11.49:1 AAA
#b6c1cc on White
Contrast 1.83:1 Fail

Tints & Shades

#c5cdd6
#d3dae0
#e2e6eb
#929aa3
#6d747a
#494d52

Complement & Analogous

#cdc2b7
#b4b4cf
#b4cfcf

Triadic

#cdb7c2
#c2cdb7

Monochrome

#494d52 #6d747a #b6c1cc #d3dae0 #e2e6eb #f0f3f5

Analogous

#b4cfcf #cbdddd #b6c1cc #c3c3d9 #b4b4cf #9090a6

Complementary Mix

#6d747a #b6c1cc #d3dae0 #cdc2b7 #dfd7d0 #857e77

Nearby Colors

#b6c1cb
#b6c1cd
#b6c1bc
#b6c1dc

Embed #B6C1CC swatch

Embed this swatch

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

Open image

About #B6C1CC

#B6C1CC converts to RGB(182, 193, 204) and HSL(210, 18%, 76%). 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).

#B6C1CC FAQs

What is the RGB value of #B6C1CC?
RGB: 182, 193, 204. Copy as CSS: rgb(182, 193, 204)
Is #B6C1CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B6C1CC?
Complement: #cdc2b7.
Does #B6C1CC have good contrast on white or black?
On white: 1.83:1 (Fails AA). On black: 11.49:1 (AAA (normal text)).