#C4B1CB

Color Details

HEX
#C4B1CB
RGB
rgb(196, 177, 203)
HSL
hsl(284, 20%, 75%)
CMYK
cmyk(3%, 13%, 0%, 20%)
Best text on this color #000000 (CR 10.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4b1cb
Contrast 10.50:1 AAA
White on #c4b1cb
Contrast 2.00:1 Fail
#c4b1cb on Black
Contrast 10.50:1 AAA
#c4b1cb on White
Contrast 2.00:1 Fail

Tints & Shades

#d0c1d5
#dcd0e0
#e7e0ea
#9d8ea2
#766a7a
#4e4751

Complement & Analogous

#b9ccb3
#cdb1c7
#b8b1cd

Triadic

#ccc5b3
#b3ccc5

Monochrome

#4e4751 #766a7a #c4b1cb #dcd0e0 #e7e0ea #f3eff5

Analogous

#b8b1cd #cdc8dc #c4b1cb #d7c1d2 #cdb1c7 #a48e9f

Complementary Mix

#766a7a #c4b1cb #dcd0e0 #b9ccb3 #d2dece #788574

Nearby Colors

#c4b1ca
#c4b1cc
#c4b1bb
#c4b1db

Embed #C4B1CB swatch

Embed this swatch

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

Open image

About #C4B1CB

#C4B1CB converts to RGB(196, 177, 203) and HSL(284, 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).

#C4B1CB FAQs

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