#B4CBB5

Color Details

HEX
#B4CBB5
RGB
rgb(180, 203, 181)
HSL
hsl(123, 18%, 75%)
CMYK
cmyk(11%, 0%, 11%, 20%)
Best text on this color #000000 (CR 12.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4cbb5
Contrast 12.15:1 AAA
White on #b4cbb5
Contrast 1.73:1 Fail
#b4cbb5 on Black
Contrast 12.15:1 AAA
#b4cbb5 on White
Contrast 1.73:1 Fail

Tints & Shades

#c3d5c4
#d2e0d3
#e1eae1
#90a291
#6c7a6d
#485148

Complement & Analogous

#cbb4ca
#b1cdc1
#becdb1

Triadic

#b5b4cb
#cbb5b4

Monochrome

#485148 #6c7a6d #b4cbb5 #d2e0d3 #e1eae1 #f0f5f0

Analogous

#becdb1 #d2dcc8 #b4cbb5 #c1d7cd #b1cdc1 #8ea49a

Complementary Mix

#6c7a6d #b4cbb5 #d2e0d3 #cbb4ca #ddcedd #847583

Nearby Colors

#b4cbb4
#b4cbb6
#b4cba5
#b4cbc5

Embed #B4CBB5 swatch

Embed this swatch

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

Open image

About #B4CBB5

#B4CBB5 converts to RGB(180, 203, 181) and HSL(123, 18%, 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).

#B4CBB5 FAQs

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