#CDE1DE

Color Details

HEX
#CDE1DE
RGB
rgb(205, 225, 222)
HSL
hsl(171, 25%, 84%)
CMYK
cmyk(9%, 0%, 1%, 12%)
Best text on this color #000000 (CR 15.42:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#d7e7e5
#e1edeb
#ebf3f2
#a4b4b2
#7b8785
#525a59

Complement & Analogous

#e0cccf
#ccd9e0
#cce0d3

Triadic

#ddcce0
#e0ddcc

Monochrome

#525a59 #7b8785 #cde1de #e1edeb #ebf3f2 #f5f9f8

Analogous

#cce0d3 #dbe9e0 #cde1de #d6e1e6 #ccd9e0 #a3aeb3

Complementary Mix

#7b8785 #cde1de #e1edeb #e0cccf #ebdee0 #928587

Nearby Colors

#cde1dd
#cde1df
#cde1ce
#cde1ee

Embed #CDE1DE swatch

Embed this swatch

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

Open image

About #CDE1DE

#CDE1DE converts to RGB(205, 225, 222) and HSL(171, 25%, 84%). 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).

#CDE1DE FAQs

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