#B4BFCD

Color Details

HEX
#B4BFCD
RGB
rgb(180, 191, 205)
HSL
hsl(214, 20%, 75%)
CMYK
cmyk(12%, 7%, 0%, 20%)
Best text on this color #000000 (CR 11.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4bfcd
Contrast 11.27:1 AAA
White on #b4bfcd
Contrast 1.86:1 Fail
#b4bfcd on Black
Contrast 11.27:1 AAA
#b4bfcd on White
Contrast 1.86:1 Fail

Tints & Shades

#c3ccd7
#d2d9e1
#e1e5eb
#9099a4
#6c737b
#484c52

Complement & Analogous

#ccc1b3
#b3b1cd
#b1cbcd

Triadic

#ccb3be
#beccb3

Monochrome

#484c52 #6c737b #b4bfcd #d2d9e1 #e1e5eb #f0f2f5

Analogous

#b1cbcd #c8dbdc #b4bfcd #c2c1d7 #b3b1cd #8f8ea4

Complementary Mix

#6c737b #b4bfcd #d2d9e1 #ccc1b3 #ded7ce #857d74

Nearby Colors

#b4bfcc
#b4bfce
#b4bfbd
#b4bfdd

Embed #B4BFCD swatch

Embed this swatch

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

Open image

About #B4BFCD

#B4BFCD converts to RGB(180, 191, 205) and HSL(214, 20%, 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).

#B4BFCD FAQs

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