#CCCECF

Color Details

HEX
#CCCECF
RGB
rgb(204, 206, 207)
HSL
hsl(200, 3%, 81%)
CMYK
cmyk(1%, 0%, 0%, 19%)
Best text on this color #000000 (CR 13.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cccecf
Contrast 13.30:1 AAA
White on #cccecf
Contrast 1.58:1 Fail
#cccecf on Black
Contrast 13.30:1 AAA
#cccecf on White
Contrast 1.58:1 Fail

Tints & Shades

#d6d8d9
#e0e2e2
#ebebec
#a3a5a6
#7a7c7c
#525253

Complement & Analogous

#d0cecd
#c4c7d9
#c4d9d6

Triadic

#d0cdcf
#cfd0cd

Monochrome

#525253 #7a7c7c #cccecf #e0e2e2 #ebebec #f5f5f5

Analogous

#c4d9d6 #d6e4e2 #cccecf #d0d2e1 #c4c7d9 #9d9fae

Complementary Mix

#7a7c7c #cccecf #e0e2e2 #d0cecd #e0dfdf #878685

Nearby Colors

#cccece
#ccced0
#cccebf
#cccedf

Embed #CCCECF swatch

Embed this swatch

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

Open image

About #CCCECF

#CCCECF converts to RGB(204, 206, 207) and HSL(200, 3%, 81%). 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).

#CCCECF FAQs

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