#CDE4FE

Color Details

HEX
#CDE4FE
RGB
rgb(205, 228, 254)
HSL
hsl(212, 96%, 90%)
CMYK
cmyk(19%, 10%, 0%, 0%)
Best text on this color #000000 (CR 16.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cde4fe
Contrast 16.12:1 AAA
White on #cde4fe
Contrast 1.30:1 Fail
#cde4fe on Black
Contrast 16.12:1 AAA
#cde4fe on White
Contrast 1.30:1 Fail

Tints & Shades

#d7e9fe
#e1effe
#ebf4ff
#a4b6cb
#7b8998
#525b66

Complement & Analogous

#fee7cd
#cfcdfe
#cdfcfe

Triadic

#fecde4
#e4fecd

Monochrome

#525b66 #7b8998 #cde4fe #e1effe #ebf4ff #f5faff

Analogous

#cdfcfe #dcfdfe #cde4fe #d9d7fe #cfcdfe #a6a4cb

Complementary Mix

#7b8998 #cde4fe #e1effe #fee7cd #feefdf #a59685

Nearby Colors

#cde4fd
#cde4ff
#cde4ee
#cde50e

Embed #CDE4FE swatch

Embed this swatch

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

Open image

About #CDE4FE

#CDE4FE converts to RGB(205, 228, 254) and HSL(212, 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).

#CDE4FE FAQs

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