#CDE1F6

Color Details

HEX
#CDE1F6
RGB
rgb(205, 225, 246)
HSL
hsl(211, 69%, 88%)
CMYK
cmyk(17%, 9%, 0%, 4%)
Best text on this color #000000 (CR 15.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cde1f6
Contrast 15.70:1 AAA
White on #cde1f6
Contrast 1.34:1 Fail
#cde1f6 on Black
Contrast 15.70:1 AAA
#cde1f6 on White
Contrast 1.34:1 Fail

Tints & Shades

#d7e7f8
#e1edfa
#ebf3fb
#a4b4c5
#7b8794
#525a62

Complement & Analogous

#f6e1cb
#cccbf6
#cbf5f6

Triadic

#f6cbe0
#e0f6cb

Monochrome

#525a62 #7b8794 #cde1f6 #e1edfa #ebf3fb #f5f9fd

Analogous

#cbf5f6 #dbf8f9 #cde1f6 #d6d5f8 #cccbf6 #a3a2c5

Complementary Mix

#7b8794 #cde1f6 #e1edfa #f6e1cb #f9ecdd #a09284

Nearby Colors

#cde1f5
#cde1f7
#cde1e6
#cde206

Embed #CDE1F6 swatch

Embed this swatch

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

Open image

About #CDE1F6

#CDE1F6 converts to RGB(205, 225, 246) and HSL(211, 69%, 88%). 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).

#CDE1F6 FAQs

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