Maroon Colors  ·  Color Library

Palettes / Colors / #D9EFCD

#D9EFCD — Pale Muted Green

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

Color name

Closest CSS keyword: gainsboro (#DCDCDC) — not an exact match. CSS gainsboro gives you #DCDCDC, a different color; use #D9EFCD when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#D9EFCD is a warm-leaning 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 #E3CDEF; it also sits naturally between #EAEFCD and #CDEFD2. In the palettes below you can see it working alongside real color combinations from our collection.

#D9EFCD · RGB 217, 239, 205

Download PNG swatch SVG

Color values

HEX#D9EFCD
RGB217, 239, 205
HSL99°, 52%, 87%
HSV99°, 14%, 94%
CMYK9%, 0%, 14%, 6%
XYZ70.50, 80.89, 69.66
Yxy80.89, 0.3189, 0.3659
CIE-Lab92.08, -13.27, 14.02
Hunter Lab89.94, -12.87, 12.61

RGB & CMYK percentages

Red 85% · Green 94% · Blue 80%

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

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

Previews

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

CSS code for #D9EFCD

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

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

Shades of #D9EFCD

#C1E5AE#A7DA8B#8FD06C#77C74D#63B238#508F2D#3E7023#2D511A#1A2F0F#091005

Tints of #D9EFCD

#DCF0D0#DFF2D4#E2F3D8#E4F4DC#E7F5E0#E7F5E0#EAF6E4#EDF8E8#F0F9EC#F3FAEF

Tones of #D9EFCD

#D9EDCF#DAEAD2#DBE8D4#DCE5D7#DCE3D9#DDE0DC

Color harmonies

Complementary — #E3CDEF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.22:1 Fails
Against black text17.18:1 AAA

Best text color on #D9EFCD: #000000.

Semi-transparent (opacity) text on #D9EFCD

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #D9EFCD: ·

How #D9EFCD looks with color blindness

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

Protanopia · #E3E3D5Deuteranopia · #E1E0D7Tritanopia · #DADCDD

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 · #9E9E9EMaterial Lime 500 · #CDDC39

Palettes with a similar color

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

Velvet Ruby Opal
#6BB11D · #2078C6 · #E458A2 · #DAF0C9
Golden Harbor
#EAD7B6 · #DAF3CB · #BEE7D6 · #B6CAE3
Electric Ruby Breeze
#732576 · #D57AC3 · #4BC547 · #D8EDD2
Palette D8efd3
#D8EFD3 · #95D2B3 · #55AD9B · #F1F8E8
Palette 96a78d
#96A78D · #B6CEB4 · #D9E9CF · #F0F0F0
Palette E67514
#E67514 · #212121 · #06923E · #D3ECCD

Similar colors

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

#DAF0C9#DAF3CB#D8EDD2#D8EFD3#D9E9CF#D3ECCD#DCE9D0#D7E8CB#DBF2D4#D9F7CF#E1EDCD#D1F2CD

Browse neighbouring colors

← #D9EFCC  ·  #D9EFCE →

Frequently asked questions

What color is #D9EFCD?

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

What is the RGB and HSL of #D9EFCD?

#D9EFCD is RGB 217, 239, 205 — HSL 99°, 52%, 87% — CMYK 9%, 0%, 14%, 6%.

What colors go with #D9EFCD?

Its complement is #E3CDEF; analogous partners are #EAEFCD and #CDEFD2. It also appears in 6+ palettes in our collection.

Can I use #D9EFCD for text?

Black text on #D9EFCD has a contrast ratio of 17.18:1 (passes WCAG AA); white text gives 1.22:1.