#C4D0CE

Color Details

HEX
#C4D0CE
RGB
rgb(196, 208, 206)
HSL
hsl(170, 11%, 79%)
CMYK
cmyk(6%, 0%, 1%, 18%)
Best text on this color #000000 (CR 13.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4d0ce
Contrast 13.26:1 AAA
White on #c4d0ce
Contrast 1.58:1 Fail
#c4d0ce on Black
Contrast 13.26:1 AAA
#c4d0ce on White
Contrast 1.58:1 Fail

Tints & Shades

#d0d9d8
#dce3e2
#e7eceb
#9da6a5
#767d7c
#4e5352

Complement & Analogous

#cfc4c6
#becdd5
#bed5c6

Triadic

#cdc4cf
#cfcdc4

Monochrome

#4e5352 #767d7c #c4d0ce #dce3e2 #e7eceb #f3f6f5

Analogous

#bed5c6 #d2e2d7 #c4d0ce #cbd7dd #becdd5 #98a4aa

Complementary Mix

#767d7c #c4d0ce #dce3e2 #cfc4c6 #e0d9da #877f81

Nearby Colors

#c4d0cd
#c4d0cf
#c4d0be
#c4d0de

Embed #C4D0CE swatch

Embed this swatch

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

Open image

About #C4D0CE

#C4D0CE converts to RGB(196, 208, 206) and HSL(170, 11%, 79%). 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).

#C4D0CE FAQs

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