#CDE9F0

Color Details

HEX
#CDE9F0
RGB
rgb(205, 233, 240)
HSL
hsl(192, 54%, 87%)
CMYK
cmyk(15%, 3%, 0%, 6%)
Best text on this color #000000 (CR 16.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cde9f0
Contrast 16.51:1 AAA
White on #cde9f0
Contrast 1.27:1 Fail
#cde9f0 on Black
Contrast 16.51:1 AAA
#cde9f0 on White
Contrast 1.27:1 Fail

Tints & Shades

#d7edf3
#e1f2f6
#ebf6f9
#a4bac0
#7b8c90
#525d60

Complement & Analogous

#f0d3cc
#ccd7f0
#ccf0e5

Triadic

#f0cce9
#e9f0cc

Monochrome

#525d60 #7b8c90 #cde9f0 #e1f2f6 #ebf6f9 #f5fbfc

Analogous

#ccf0e5 #dbf5ed #cde9f0 #d6dff3 #ccd7f0 #a3acc0

Complementary Mix

#7b8c90 #cde9f0 #e1f2f6 #f0d3cc #f5e2de #9c8985

Nearby Colors

#cde9ef
#cde9f1
#cde9e0
#cdea00

Embed #CDE9F0 swatch

Embed this swatch

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

Open image

About #CDE9F0

#CDE9F0 converts to RGB(205, 233, 240) and HSL(192, 54%, 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).

#CDE9F0 FAQs

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