Maroon Colors  ·  Color Library

Palettes / Colors / #D4E3CE

#D4E3CE — Pale Dusty Green

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

#D4E3CE 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 #DDCEE3; it also sits naturally between #DFE3CE and #CEE3D3. In the palettes below you can see it working alongside real color combinations from our collection.

#D4E3CE · RGB 212, 227, 206

Download PNG swatch SVG

Color values

HEX#D4E3CE
RGB212, 227, 206
HSL103°, 27%, 85%
HSV103°, 9%, 89%
CMYK7%, 0%, 9%, 11%
XYZ65.76, 73.39, 69.09
Yxy73.39, 0.3158, 0.3524
CIE-Lab88.63, -8.78, 8.54
Hunter Lab85.67, -8.46, 7.78

RGB & CMYK percentages

Red 83% · Green 89% · Blue 81%

Cyan 7% · Magenta 0% · Yellow 9% · Key 11%

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

Previews

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

CSS code for #D4E3CE

.text { color: #D4E3CE; }
.background { background-color: #D4E3CE; }
.border { border: 3px solid #D4E3CE; }
.text-rgb { color: rgb(212, 227, 206); }
.text-hsl { color: hsl(103, 27%, 85%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D4E3CE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(212, 227, 206, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D4E3CE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(212, 227, 206, 0.8); }

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

Shades of #D4E3CE

#BDD4B5#A7C59B#90B681#79A867#659254#517543#3F5B34#2D4125#1B2716#090D07

Tints of #D4E3CE

#D7E5D2#DAE7D5#DDE9D8#E0EBDB#E5EEE2#E8F0E5#EBF2E8#EEF4EC#F1F6EF#F4F8F2

Tones of #D4E3CE

#D5E2D0#D6E0D1#D6DED3#D7DDD4#D7DCD6#D8DAD7

Color harmonies

Complementary — #DDCEE3:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.34:1 Fails
Against black text15.68:1 AAA

Best text color on #D4E3CE: #000000.

How #D4E3CE looks with color blindness

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

Protanopia · #DADBD3Deuteranopia · #DAD8D4Tritanopia · #D5D7D8

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

Palette Fef5ed
#FEF5ED · #D3E4CD · #ADC2A9 · #99A799
Palette D3e4cd
#D3E4CD · #99A799 · #F2DDC1 · #E2C2B9
Modern Mosaic
#D4E5CD · #96C483 · #6EB451 · #314A26
Palette D2e0fb
#D2E0FB · #F9F3CC · #D7E5CA · #8EACCD
Palette Cff6cf
#CFF6CF · #CFE5CF · #E5CFE5 · #F6DEF6
Palette Fcf8e8
#FCF8E8 · #D4E2D4 · #ECB390 · #DF7861

Similar colors

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

#D3E4CD#D4E5CD#D7E5CA#CFE5CF#D4E2D4#D2E3C8#D7E8CB#CEE5D0#DAE5D0#D0E7D2#D0DDD0#D9E9CF

Browse neighbouring colors

← #D4E3CD  ·  #D4E3CF →

Frequently asked questions

What color is #D4E3CE?

#D4E3CE is Pale Dusty Green, a green color (RGB 212, 227, 206). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #D4E3CE?

#D4E3CE is RGB 212, 227, 206 — HSL 103°, 27%, 85% — CMYK 7%, 0%, 9%, 11%.

What colors go with #D4E3CE?

Its complement is #DDCEE3; analogous partners are #DFE3CE and #CEE3D3. It also appears in 6+ palettes in our collection.

Can I use #D4E3CE for text?

Black text on #D4E3CE has a contrast ratio of 15.68:1 (passes WCAG AA); white text gives 1.34:1.