#CCD3FE

Color Details

HEX
#CCD3FE
RGB
rgb(204, 211, 254)
HSL
hsl(232, 96%, 90%)
CMYK
cmyk(20%, 17%, 0%, 0%)
Best text on this color #000000 (CR 14.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd3fe
Contrast 14.32:1 AAA
White on #ccd3fe
Contrast 1.47:1 Fail
#ccd3fe on Black
Contrast 14.32:1 AAA
#ccd3fe on White
Contrast 1.47:1 Fail

Tints & Shades

#d6dcfe
#e0e5fe
#ebedff
#a3a9cb
#7a7f98
#525466

Complement & Analogous

#fef7cd
#dfcdfe
#cdecfe

Triadic

#fecdd4
#d4fecd

Monochrome

#525466 #7a7f98 #ccd3fe #e0e5fe #ebedff #f5f6ff

Analogous

#cdecfe #dcf2fe #ccd3fe #e5d7fe #dfcdfe #b2a4cb

Complementary Mix

#7a7f98 #ccd3fe #e0e5fe #fef7cd #fefadf #a5a185

Nearby Colors

#ccd3fd
#ccd3ff
#ccd3ee
#ccd40e

Embed #CCD3FE swatch

Embed this swatch

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

Open image

About #CCD3FE

#CCD3FE converts to RGB(204, 211, 254) and HSL(232, 96%, 90%). 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).

#CCD3FE FAQs

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