Maroon Colors  ·  Color Library

Palettes / Colors / #DDEFC3

#DDEFC3 — Pale Green

#DDEFC3 is a green color we call Pale Green, closest to the named color PaleGoldenRod (#EEE8AA). It belongs to the green family.

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

#DDEFC3 · RGB 221, 239, 195

Download PNG swatch SVG

Color values

HEX#DDEFC3
RGB221, 239, 195
HSL85°, 58%, 85%
HSV85°, 18%, 94%
CMYK8%, 0%, 18%, 6%
XYZ70.54, 81.05, 63.56
Yxy81.05, 0.3279, 0.3767
CIE-Lab92.15, -13.49, 19.32
Hunter Lab90.03, -13.08, 16.89

RGB & CMYK percentages

Red 87% · Green 94% · Blue 76%

Cyan 8% · Magenta 0% · Yellow 18% · Key 6%

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

Previews

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

CSS code for #DDEFC3

.text { color: #DDEFC3; }
.background { background-color: #DDEFC3; }
.border { border: 3px solid #DDEFC3; }
.text-rgb { color: rgb(221, 239, 195); }
.text-hsl { color: hsl(85, 58%, 85%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DDEFC3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(221, 239, 195, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DDEFC3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(221, 239, 195, 0.8); }

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

Shades of #DDEFC3

#CAE6A2#B8DE82#A5D562#93CD42#7EB530#659127#4E711E#385115#22300D#0B1004

Tints of #DDEFC3

#DFF0C7#E1F1CB#E3F2CF#E6F3D3#EAF5DB#EDF6DF#EFF8E3#F1F9E7#F3FAEB#F6FBEF

Tones of #DDEFC3

#DCECC6#DBE8C9#DBE5CC#DAE2CF#DADFD2#D9DCD6

Color harmonies

Complementary — #D5C3EF:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #DDEFC3: #000000.

How #DDEFC3 looks with color blindness

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

Protanopia · #E5E5CEDeuteranopia · #E4E2D0Tritanopia · #DED6D8

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

Palette A47251
#A47251 · #DD9E59 · #F0D8A1 · #DCF0C3
Palette Dcedc2
#DCEDC2 · #FFD3B5 · #FFAAA6 · #FF8C94
Palette A8e6cf
#A8E6CF · #DCEDC1 · #FFD3B6 · #FFAAA5
Dusty Solace
#648316 · #2EABDD · #DF3EB1 · #E0EEC2
Modern Garden
#E1F0C4 · #AFEFBF · #BDE9F1 · #E0DEF6
Palette D9edbf
#D9EDBF · #FF9800 · #2C7865 · #90D26D

Similar colors

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

#DCF0C3#DCEDC2#DCEDC1#E0EEC2#E1F0C4#D9EDBF#DDF3BE#D9F4C5#DAF0C9#E3F2C1#E1ECC8#D9EFBD

Browse neighbouring colors

← #DDEFC2  ·  #DDEFC4 →

Frequently asked questions

What color is #DDEFC3?

#DDEFC3 is Pale Green, a green color (RGB 221, 239, 195). Its closest standard named color is PaleGoldenRod.

What is the RGB and HSL of #DDEFC3?

#DDEFC3 is RGB 221, 239, 195 — HSL 85°, 58%, 85% — CMYK 8%, 0%, 18%, 6%.

What colors go with #DDEFC3?

Its complement is #D5C3EF; analogous partners are #EFEBC3 and #C6EFC3. It also appears in 6+ palettes in our collection.

Can I use #DDEFC3 for text?

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