#CDE0E8

Color Details

HEX
#CDE0E8
RGB
rgb(205, 224, 232)
HSL
hsl(198, 37%, 86%)
CMYK
cmyk(12%, 3%, 0%, 9%)
Best text on this color #000000 (CR 15.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cde0e8
Contrast 15.42:1 AAA
White on #cde0e8
Contrast 1.36:1 Fail
#cde0e8 on Black
Contrast 15.42:1 AAA
#cde0e8 on White
Contrast 1.36:1 Fail

Tints & Shades

#d7e6ed
#e1ecf1
#ebf3f6
#a4b3ba
#7b868b
#525a5d

Complement & Analogous

#e9d6ce
#ced3e9
#cee9e3

Triadic

#e9cee1
#e1e9ce

Monochrome

#525a5d #7b868b #cde0e8 #e1ecf1 #ebf3f6 #f5f9fa

Analogous

#cee9e3 #ddf0eb #cde0e8 #d8dced #ced3e9 #a5a9ba

Complementary Mix

#7b868b #cde0e8 #e1ecf1 #e9d6ce #f1e4df #978b86

Nearby Colors

#cde0e7
#cde0e9
#cde0d8
#cde0f8

Embed #CDE0E8 swatch

Embed this swatch

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

Open image

About #CDE0E8

#CDE0E8 converts to RGB(205, 224, 232) and HSL(198, 37%, 86%). 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).

#CDE0E8 FAQs

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