#CCD0D9

Color Details

HEX
#CCD0D9
RGB
rgb(204, 208, 217)
HSL
hsl(222, 15%, 83%)
CMYK
cmyk(6%, 4%, 0%, 15%)
Best text on this color #000000 (CR 13.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd0d9
Contrast 13.59:1 AAA
White on #ccd0d9
Contrast 1.55:1 Fail
#ccd0d9 on Black
Contrast 13.59:1 AAA
#ccd0d9 on White
Contrast 1.55:1 Fail

Tints & Shades

#d6d9e1
#e0e3e8
#ebecf0
#a3a6ae
#7a7d82
#525357

Complement & Analogous

#dad6cd
#cecadd
#cad9dd

Triadic

#dacdd1
#d1dacd

Monochrome

#525357 #7a7d82 #ccd0d9 #e0e3e8 #ebecf0 #f5f6f7

Analogous

#cad9dd #dae4e7 #ccd0d9 #d8d5e4 #cecadd #a5a2b1

Complementary Mix

#7a7d82 #ccd0d9 #e0e3e8 #dad6cd #e7e4df #8e8b85

Nearby Colors

#ccd0d8
#ccd0da
#ccd0c9
#ccd0e9

Embed #CCD0D9 swatch

Embed this swatch

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

Open image

About #CCD0D9

#CCD0D9 converts to RGB(204, 208, 217) and HSL(222, 15%, 83%). 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).

#CCD0D9 FAQs

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