#CDE1EA

Color Details

HEX
#CDE1EA
RGB
rgb(205, 225, 234)
HSL
hsl(199, 41%, 86%)
CMYK
cmyk(12%, 4%, 0%, 8%)
Best text on this color #000000 (CR 15.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cde1ea
Contrast 15.55:1 AAA
White on #cde1ea
Contrast 1.35:1 Fail
#cde1ea on Black
Contrast 15.55:1 AAA
#cde1ea on White
Contrast 1.35:1 Fail

Tints & Shades

#d7e7ee
#e1edf2
#ebf3f7
#a4b4bb
#7b878c
#525a5e

Complement & Analogous

#ead6cd
#cdd2ea
#cdeae5

Triadic

#eacde1
#e1eacd

Monochrome

#525a5e #7b878c #cde1ea #e1edf2 #ebf3f7 #f5f9fb

Analogous

#cdeae5 #dcf0ed #cde1ea #d7dbee #cdd2ea #a4a8bb

Complementary Mix

#7b878c #cde1ea #e1edf2 #ead6cd #f1e4df #988b85

Nearby Colors

#cde1e9
#cde1eb
#cde1da
#cde1fa

Embed #CDE1EA swatch

Embed this swatch

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

Open image

About #CDE1EA

#CDE1EA converts to RGB(205, 225, 234) and HSL(199, 41%, 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).

#CDE1EA FAQs

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