#CCD1C0

Color Details

HEX
#CCD1C0
RGB
rgb(204, 209, 192)
HSL
hsl(78, 16%, 79%)
CMYK
cmyk(2%, 0%, 8%, 18%)
Best text on this color #000000 (CR 13.45:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd1c0
Contrast 13.45:1 AAA
White on #ccd1c0
Contrast 1.56:1 Fail
#ccd1c0 on Black
Contrast 13.45:1 AAA
#ccd1c0 on White
Contrast 1.56:1 Fail

Tints & Shades

#d6dacd
#e0e3d9
#ebede6
#a3a79a
#7a7d73
#52544d

Complement & Analogous

#c6c1d2
#c2d5be
#d5d1be

Triadic

#c1cdd2
#d2c1cd

Monochrome

#52544d #7a7d73 #ccd1c0 #e0e3d9 #ebede6 #f5f6f2

Analogous

#d5d1be #e2dfd2 #ccd1c0 #ceddcb #c2d5be #9baa98

Complementary Mix

#7a7d73 #ccd1c0 #e0e3d9 #c6c1d2 #dad7e2 #817d89

Nearby Colors

#ccd1bf
#ccd1c1
#ccd1b0
#ccd1d0

Embed #CCD1C0 swatch

Embed this swatch

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

Open image

About #CCD1C0

#CCD1C0 converts to RGB(204, 209, 192) and HSL(78, 16%, 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).

#CCD1C0 FAQs

What is the RGB value of #CCD1C0?
RGB: 204, 209, 192. Copy as CSS: rgb(204, 209, 192)
Is #CCD1C0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCD1C0?
Complement: #c6c1d2.
Does #CCD1C0 have good contrast on white or black?
On white: 1.56:1 (Fails AA). On black: 13.45:1 (AAA (normal text)).