#B6D5CC

Color Details

HEX
#B6D5CC
RGB
rgb(182, 213, 204)
HSL
hsl(163, 27%, 77%)
CMYK
cmyk(15%, 0%, 4%, 16%)
Best text on this color #000000 (CR 13.38:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b6d5cc
Contrast 13.38:1 AAA
White on #b6d5cc
Contrast 1.57:1 Fail
#b6d5cc on Black
Contrast 13.38:1 AAA
#b6d5cc on White
Contrast 1.57:1 Fail

Tints & Shades

#c5ddd6
#d3e6e0
#e2eeeb
#92aaa3
#6d807a
#495552

Complement & Analogous

#d4b5bd
#b5cdd4
#b5d4bb

Triadic

#cbb5d4
#d4cbb5

Monochrome

#495552 #6d807a #b6d5cc #d3e6e0 #e2eeeb #f0f7f5

Analogous

#b5d4bb #cbe1cf #b6d5cc #c4d7dd #b5cdd4 #91a4aa

Complementary Mix

#6d807a #b6d5cc #d3e6e0 #d4b5bd #e3cfd4 #8a767b

Nearby Colors

#b6d5cb
#b6d5cd
#b6d5bc
#b6d5dc

Embed #B6D5CC swatch

Embed this swatch

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

Open image

About #B6D5CC

#B6D5CC converts to RGB(182, 213, 204) and HSL(163, 27%, 77%). 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).

#B6D5CC FAQs

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