#CCD7DA

Color Details

HEX
#CCD7DA
RGB
rgb(204, 215, 218)
HSL
hsl(193, 16%, 83%)
CMYK
cmyk(6%, 1%, 0%, 15%)
Best text on this color #000000 (CR 14.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd7da
Contrast 14.30:1 AAA
White on #ccd7da
Contrast 1.47:1 Fail
#ccd7da on Black
Contrast 14.30:1 AAA
#ccd7da on White
Contrast 1.47:1 Fail

Tints & Shades

#d6dfe1
#e0e7e9
#ebeff0
#a3acae
#7a8183
#525657

Complement & Analogous

#dbd0cd
#cad0dd
#caddd8

Triadic

#dbcdd8
#d8dbcd

Monochrome

#525657 #7a8183 #ccd7da #e0e7e9 #ebeff0 #f5f7f8

Analogous

#caddd8 #dae7e4 #ccd7da #d5d9e4 #cad0dd #a2a6b1

Complementary Mix

#7a8183 #ccd7da #e0e7e9 #dbd0cd #e8e0df #8e8785

Nearby Colors

#ccd7d9
#ccd7db
#ccd7ca
#ccd7ea

Embed #CCD7DA swatch

Embed this swatch

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

Open image

About #CCD7DA

#CCD7DA converts to RGB(204, 215, 218) and HSL(193, 16%, 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).

#CCD7DA FAQs

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