#CDE6ED

Color Details

HEX
#CDE6ED
RGB
rgb(205, 230, 237)
HSL
hsl(193, 47%, 87%)
CMYK
cmyk(14%, 3%, 0%, 7%)
Best text on this color #000000 (CR 16.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cde6ed
Contrast 16.14:1 AAA
White on #cde6ed
Contrast 1.30:1 Fail
#cde6ed on Black
Contrast 16.14:1 AAA
#cde6ed on White
Contrast 1.30:1 Fail

Tints & Shades

#d7ebf1
#e1f0f4
#ebf5f8
#a4b8be
#7b8a8e
#525c5f

Complement & Analogous

#edd5ce
#ced7ed
#ceede5

Triadic

#edcee7
#e7edce

Monochrome

#525c5f #7b8a8e #cde6ed #e1f0f4 #ebf5f8 #f5fafb

Analogous

#ceede5 #ddf2ed #cde6ed #d8dff1 #ced7ed #a5acbe

Complementary Mix

#7b8a8e #cde6ed #e1f0f4 #edd5ce #f3e4df #9a8a86

Nearby Colors

#cde6ec
#cde6ee
#cde6dd
#cde6fd

Embed #CDE6ED swatch

Embed this swatch

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

Open image

About #CDE6ED

#CDE6ED converts to RGB(205, 230, 237) and HSL(193, 47%, 87%). 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).

#CDE6ED FAQs

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