#B4CFCC

Color Details

HEX
#B4CFCC
RGB
rgb(180, 207, 204)
HSL
hsl(173, 22%, 76%)
CMYK
cmyk(13%, 0%, 1%, 19%)
Best text on this color #000000 (CR 12.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4cfcc
Contrast 12.74:1 AAA
White on #b4cfcc
Contrast 1.65:1 Fail
#b4cfcc on Black
Contrast 12.74:1 AAA
#b4cfcc on White
Contrast 1.65:1 Fail

Tints & Shades

#c3d9d6
#d2e2e0
#e1eceb
#90a6a3
#6c7c7a
#485352

Complement & Analogous

#cfb4b7
#b4c5cf
#b4cfbf

Triadic

#ccb4cf
#cfccb4

Monochrome

#485352 #6c7c7a #b4cfcc #d2e2e0 #e1eceb #f0f5f5

Analogous

#b4cfbf #cbddd2 #b4cfcc #c3d1d9 #b4c5cf #909ea6

Complementary Mix

#6c7c7a #b4cfcc #d2e2e0 #cfb4b7 #e0ced0 #877577

Nearby Colors

#b4cfcb
#b4cfcd
#b4cfbc
#b4cfdc

Embed #B4CFCC swatch

Embed this swatch

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

Open image

About #B4CFCC

#B4CFCC converts to RGB(180, 207, 204) and HSL(173, 22%, 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).

#B4CFCC FAQs

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