#CCD8FE

Color Details

HEX
#CCD8FE
RGB
rgb(204, 216, 254)
HSL
hsl(226, 96%, 90%)
CMYK
cmyk(20%, 15%, 0%, 0%)
Best text on this color #000000 (CR 14.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd8fe
Contrast 14.82:1 AAA
White on #ccd8fe
Contrast 1.42:1 Fail
#ccd8fe on Black
Contrast 14.82:1 AAA
#ccd8fe on White
Contrast 1.42:1 Fail

Tints & Shades

#d6e0fe
#e0e8fe
#ebefff
#a3adcb
#7a8298
#525666

Complement & Analogous

#fef3cd
#dacdfe
#cdf1fe

Triadic

#fecdd8
#d8fecd

Monochrome

#525666 #7a8298 #ccd8fe #e0e8fe #ebefff #f5f7ff

Analogous

#cdf1fe #dcf5fe #ccd8fe #e1d7fe #dacdfe #aea4cb

Complementary Mix

#7a8298 #ccd8fe #e0e8fe #fef3cd #fef7df #a59e85

Nearby Colors

#ccd8fd
#ccd8ff
#ccd8ee
#ccd90e

Embed #CCD8FE swatch

Embed this swatch

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

Open image

About #CCD8FE

#CCD8FE converts to RGB(204, 216, 254) and HSL(226, 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).

#CCD8FE FAQs

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