Maroon Colors  ·  Color Library

Palettes / Colors / #CDEFDF

#CDEFDF — Pale Muted Green

#CDEFDF is a green color we call Pale Muted Green, closest to the named color Gainsboro (#DCDCDC). It belongs to the green family.

#CDEFDF is a cool green color associated with growth, calm 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 #EFCDDD; it also sits naturally between #CDEFCE and #CDEEEF. In the palettes below you can see it working alongside real color combinations from our collection.

#CDEFDF · RGB 205, 239, 223

Download PNG swatch SVG

Color values

HEX#CDEFDF
RGB205, 239, 223
HSL152°, 52%, 87%
HSV152°, 14%, 94%
CMYK14%, 0%, 7%, 6%
XYZ69.36, 80.04, 81.61
Yxy80.04, 0.3003, 0.3465
CIE-Lab91.70, -14.08, 4.02
Hunter Lab89.46, -13.61, 3.82

RGB & CMYK percentages

Red 80% · Green 94% · Blue 87%

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

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

Previews

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

CSS code for #CDEFDF

.text { color: #CDEFDF; }
.background { background-color: #CDEFDF; }
.border { border: 3px solid #CDEFDF; }
.text-rgb { color: rgb(205, 239, 223); }
.text-hsl { color: hsl(152, 52%, 87%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CDEFDF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 239, 223, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CDEFDF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 239, 223, 0.8); }

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

Shades of #CDEFDF

#AEE5CB#8BDAB5#6CD0A1#4DC78E#38B279#2D8F62#23704D#1A5137#0F2F20#05100B

Tints of #CDEFDF

#D0F0E1#D4F2E4#D8F3E6#DCF4E9#E0F5EB#E0F5EB#E4F6EE#E8F8F0#ECF9F3#EFFAF5

Tones of #CDEFDF

#CFEDDF#D2EADF#D4E8DF#D7E5DE#D9E3DE#DCE0DE

Color harmonies

Complementary — #EFCDDD:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #CDEFDF: #000000.

How #CDEFDF looks with color blindness

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

Protanopia · #DCDCE3Deuteranopia · #DAD7E4Tritanopia · #CFE6E7

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 #CDEFDF rather than the exact color:

Lucky Ruby Horizon
#CBECDF · #73D3AE · #36AF81 · #257959
Palette 414a50
#414A50 · #85A6B1 · #8BD7D1 · #CAEDDE
Vivid Twilight
#208057 · #7029A5 · #D6A25C · #CBEBDD
Hidden Ruby Orchard
#CEF3E2 · #AFE0EF · #C1C4EC · #DAB8F0
Wild Dusk
#23C173 · #8E3FDC · #DB8A38 · #CDF0E4
Serene Ruby Horizon
#237953 · #9A57CF · #B57B34 · #CEEAE1

Similar colors

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

#CBECDF#CAEDDE#CBEBDD#CEF3E2#CDF0E4#CEEAE1#D1ECDC#D1F1DB#CDEED9#D3F1DF#CDEADB#D0F5DD

Browse neighbouring colors

← #CDEFDE  ·  #CDEFE0 →

Frequently asked questions

What color is #CDEFDF?

#CDEFDF is Pale Muted Green, a green color (RGB 205, 239, 223). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #CDEFDF?

#CDEFDF is RGB 205, 239, 223 — HSL 152°, 52%, 87% — CMYK 14%, 0%, 7%, 6%.

What colors go with #CDEFDF?

Its complement is #EFCDDD; analogous partners are #CDEFCE and #CDEEEF. It also appears in 6+ palettes in our collection.

Can I use #CDEFDF for text?

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