#CCD5CB

Color Details

HEX
#CCD5CB
RGB
rgb(204, 213, 203)
HSL
hsl(114, 11%, 82%)
CMYK
cmyk(4%, 0%, 5%, 16%)
Best text on this color #000000 (CR 13.95:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd5cb
Contrast 13.95:1 AAA
White on #ccd5cb
Contrast 1.51:1 Fail
#ccd5cb on Black
Contrast 13.95:1 AAA
#ccd5cb on White
Contrast 1.51:1 Fail

Tints & Shades

#d6ddd5
#e0e6e0
#ebeeea
#a3aaa2
#7a807a
#525551

Complement & Analogous

#d5ccd6
#c7dbcf
#d3dbc7

Triadic

#cccdd6
#d6cccd

Monochrome

#525551 #7a807a #ccd5cb #e0e6e0 #ebeeea #f5f7f5

Analogous

#d3dbc7 #e0e6d8 #ccd5cb #d2e2d9 #c7dbcf #9fafa6

Complementary Mix

#7a807a #ccd5cb #e0e6e0 #d5ccd6 #e4dee4 #8a858b

Nearby Colors

#ccd5ca
#ccd5cc
#ccd5bb
#ccd5db

Embed #CCD5CB swatch

Embed this swatch

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

Open image

About #CCD5CB

#CCD5CB converts to RGB(204, 213, 203) and HSL(114, 11%, 82%). 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).

#CCD5CB FAQs

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