#C4CDBC

Color Details

HEX
#C4CDBC
RGB
rgb(196, 205, 188)
HSL
hsl(92, 15%, 77%)
CMYK
cmyk(4%, 0%, 8%, 20%)
Best text on this color #000000 (CR 12.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4cdbc
Contrast 12.81:1 AAA
White on #c4cdbc
Contrast 1.64:1 Fail
#c4cdbc on Black
Contrast 12.81:1 AAA
#c4cdbc on White
Contrast 1.64:1 Fail

Tints & Shades

#d0d7c9
#dce1d7
#e7ebe4
#9da496
#767b71
#4e524b

Complement & Analogous

#c5bccd
#b7d1b8
#d0d1b7

Triadic

#bcc4cd
#cdbcc4

Monochrome

#4e524b #767b71 #c4cdbc #dce1d7 #e7ebe4 #f3f5f2

Analogous

#d0d1b7 #dedfcd #c4cdbc #c5dac6 #b7d1b8 #92a793

Complementary Mix

#767b71 #c4cdbc #dce1d7 #c5bccd #d9d3df #807a85

Nearby Colors

#c4cdbb
#c4cdbd
#c4cdac
#c4cdcc

Embed #C4CDBC swatch

Embed this swatch

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

Open image

About #C4CDBC

#C4CDBC converts to RGB(196, 205, 188) and HSL(92, 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).

#C4CDBC FAQs

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