#C4BDCE

Color Details

HEX
#C4BDCE
RGB
rgb(196, 189, 206)
HSL
hsl(265, 15%, 77%)
CMYK
cmyk(5%, 8%, 0%, 19%)
Best text on this color #000000 (CR 11.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4bdce
Contrast 11.52:1 AAA
White on #c4bdce
Contrast 1.82:1 Fail
#c4bdce on Black
Contrast 11.52:1 AAA
#c4bdce on White
Contrast 1.82:1 Fail

Tints & Shades

#d0cad8
#dcd7e2
#e7e5eb
#9d97a5
#76717c
#4e4c52

Complement & Analogous

#c6cdbc
#cfb7d1
#b7bad1

Triadic

#cdc3bc
#bccdc3

Monochrome

#4e4c52 #76717c #c4bdce #dcd7e2 #e7e5eb #f3f2f5

Analogous

#b7bad1 #cdcfdf #c4bdce #d9c5da #cfb7d1 #a692a7

Complementary Mix

#76717c #c4bdce #dcd7e2 #c6cdbc #dadfd3 #81857a

Nearby Colors

#c4bdcd
#c4bdcf
#c4bdbe
#c4bdde

Embed #C4BDCE swatch

Embed this swatch

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

Open image

About #C4BDCE

#C4BDCE converts to RGB(196, 189, 206) and HSL(265, 15%, 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).

#C4BDCE FAQs

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