Maroon Colors  ·  Color Library

Palettes / Colors / #CDEEEC

#CDEEEC — Pale Muted Teal

#CDEEEC is a teal color we call Pale Muted Teal, closest to the named color Gainsboro (#DCDCDC). It belongs to the teal family.

#CDEEEC is a cool teal color associated with freshness, clarity and balance. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #EECED0; it also sits naturally between #CEEEDC and #CEE0EE. In the palettes below you can see it working alongside real color combinations from our collection.

#CDEEEC · RGB 205, 238, 236

Download PNG swatch SVG

Color values

HEX#CDEEEC
RGB205, 238, 236
HSL176°, 49%, 87%
HSV176°, 14%, 93%
CMYK14%, 0%, 1%, 7%
XYZ70.89, 80.18, 91.10
Yxy80.18, 0.2927, 0.3311
CIE-Lab91.77, -11.07, -2.65
Hunter Lab89.55, -10.78, -2.61

RGB & CMYK percentages

Red 80% · Green 93% · Blue 93%

Cyan 14% · Magenta 0% · Yellow 1% · Key 7%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CDEEEC on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CDEEEC on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CDEEEC

.text { color: #CDEEEC; }
.background { background-color: #CDEEEC; }
.border { border: 3px solid #CDEEEC; }
.text-rgb { color: rgb(205, 238, 236); }
.text-hsl { color: hsl(176, 49%, 87%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CDEEEC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 238, 236, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CDEEEC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 238, 236, 0.8); }

HTML: <p style="color:#CDEEEC">Text here</p> · <div style="background-color:#CDEEEC">Div content here</div>

Shades of #CDEEEC

#AFE4E0#8DD8D3#6FCEC7#50C3BC#3CAFA7#308D86#266E69#1B504C#102E2C#050F0F

Tints of #CDEEEC

#D1EFED#D5F1EF#D9F2F0#DDF3F2#E1F5F3#E1F5F3#E4F6F5#E8F7F6#ECF8F8#F0FAF9

Tones of #CDEEEC

#D0ECEA#D2E9E8#D5E7E6#D7E5E4#D9E2E2#DCE0E0

Color harmonies

Complementary — #EECED0:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.23:1 Fails
Against black text17.04:1 AAA

Best text color on #CDEEEC: #000000.

How #CDEEEC looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #DBDCECDeuteranopia · #D9D7EDTritanopia · #CFEDED

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind purple 500 · #A855F7

Palettes with a similar color

These palettes use a close neighbour of #CDEEEC rather than the exact color:

Serene Ruby Cinder
#CDEEEB · #62CBBF · #278C81 · #194D47
Misty Ruby Bloom
#CFECEC · #97D2D3 · #7DC8C9 · #1D4849
Palette Cdf0ea
#CDF0EA · #F9F9F9 · #F7DBF0 · #BEAEE2
Palette Cdf0ea
#CDF0EA · #F9F9F9 · #F6C6EA · #C490E4
Palette Cdf0ea
#CDF0EA · #F9F9F9 · #ECC5FB · #FAF4B7
Amber Saffron
#9C2524 · #DD6E7F · #47D3D4 · #CEF0EE

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#CDEEEB#CFECEC#CDF0EA#CEF0EE#CBEFEE#CEECF0#CAEBEE#CFF1EF#C9ECF1#C8F0F0#CAE8ED#D1EDE6

Browse neighbouring colors

← #CDEEEB  ·  #CDEEED →

Frequently asked questions

What color is #CDEEEC?

#CDEEEC is Pale Muted Teal, a teal color (RGB 205, 238, 236). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #CDEEEC?

#CDEEEC is RGB 205, 238, 236 — HSL 176°, 49%, 87% — CMYK 14%, 0%, 1%, 7%.

What colors go with #CDEEEC?

Its complement is #EECED0; analogous partners are #CEEEDC and #CEE0EE. It also appears in 6+ palettes in our collection.

Can I use #CDEEEC for text?

Black text on #CDEEEC has a contrast ratio of 17.04:1 (passes WCAG AA); white text gives 1.23:1.