#CCCDE9

Color Details

HEX
#CCCDE9
RGB
rgb(204, 205, 233)
HSL
hsl(238, 40%, 86%)
CMYK
cmyk(12%, 12%, 0%, 9%)
Best text on this color #000000 (CR 13.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cccde9
Contrast 13.48:1 AAA
White on #cccde9
Contrast 1.56:1 Fail
#cccde9 on Black
Contrast 13.48:1 AAA
#cccde9 on White
Contrast 1.56:1 Fail

Tints & Shades

#d6d7ed
#e0e1f2
#ebebf6
#a3a4ba
#7a7b8c
#52525d

Complement & Analogous

#eae9cd
#dacdea
#cddcea

Triadic

#eacdce
#ceeacd

Monochrome

#52525d #7a7b8c #cccde9 #e0e1f2 #ebebf6 #f5f5fb

Analogous

#cddcea #dce7f0 #cccde9 #e1d7ee #dacdea #aea4bb

Complementary Mix

#7a7b8c #cccde9 #e0e1f2 #eae9cd #f1f1df #989785

Nearby Colors

#cccde8
#cccdea
#cccdd9
#cccdf9

Embed #CCCDE9 swatch

Embed this swatch

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

Open image

About #CCCDE9

#CCCDE9 converts to RGB(204, 205, 233) and HSL(238, 40%, 86%). 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).

#CCCDE9 FAQs

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