Maroon Colors  ·  Color Library

Palettes / Colors / #DAEBCC

#DAEBCC — Pale Muted Green

#DAEBCC 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 #DAEBCC 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.

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

#DAEBCC · RGB 218, 235, 204

Download PNG swatch SVG

Color values

HEX#DAEBCC
RGB218, 235, 204
HSL93°, 44%, 86%
HSV93°, 13%, 92%
CMYK7%, 0%, 13%, 8%
XYZ69.52, 78.68, 68.65
Yxy78.68, 0.3206, 0.3628
CIE-Lab91.09, -11.09, 13.14
Hunter Lab88.70, -10.76, 11.81

RGB & CMYK percentages

Red 85% · Green 92% · Blue 80%

Cyan 7% · Magenta 0% · Yellow 13% · Key 8%

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

Previews

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

CSS code for #DAEBCC

.text { color: #DAEBCC; }
.background { background-color: #DAEBCC; }
.border { border: 3px solid #DAEBCC; }
.text-rgb { color: rgb(218, 235, 204); }
.text-hsl { color: hsl(93, 44%, 86%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DAEBCC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(218, 235, 204, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DAEBCC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(218, 235, 204, 0.8); }

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

Shades of #DAEBCC

#C4E0AE#AFD491#97C770#82BC52#6EA540#5A8835#476A29#31491D#1D2C11#0A0F06

Tints of #DAEBCC

#DCECCF#DFEED3#E2EFD7#E4F1DA#E7F2DE#EAF4E2#ECF5E5#EFF6E9#F2F8ED#F4F9F0

Tones of #DAEBCC

#DAE9CE#DAE6D0#DAE4D2#DBE2D5#DBE0D7#DBDDD9

Color harmonies

Complementary — #DDCCEB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.25:1 Fails
Against black text16.74:1 AAA

Best text color on #DAEBCC: #000000.

Semi-transparent (opacity) text on #DAEBCC

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 #DAEBCC: ·

How #DAEBCC looks with color blindness

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

Protanopia · #E1E2D4Deuteranopia · #E0DFD5Tritanopia · #DBD9DB

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

Palette 96a78d
#96A78D · #B6CEB4 · #D9E9CF · #F0F0F0
Mellow Ruby Petal
#5F8A2A · #306C9E · #CD5C9A · #D7E8CB
Mellow Ruby Whisper
#5E7F29 · #61A3CC · #B53A85 · #DCE9D0
Palette 294b29
#294B29 · #50623A · #789461 · #DBE7C9
Palette Dee8ce
#DEE8CE · #BB6653 · #F08B51 · #FFF8E8
Velvet Ruby Opal
#6BB11D · #2078C6 · #E458A2 · #DAF0C9

Similar colors

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

#D9E9CF#D7E8CB#DCE9D0#DBE7C9#DEE8CE#DAF0C9#DFE8CC#D8EDD2#D7E5CA#D3ECCD#E1EACD#DAE5D0

Browse neighbouring colors

← #DAEBCB  ·  #DAEBCD →

Frequently asked questions

What color is #DAEBCC?

#DAEBCC is Pale Muted Green, a green color (RGB 218, 235, 204). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #DAEBCC?

#DAEBCC is RGB 218, 235, 204 — HSL 93°, 44%, 86% — CMYK 7%, 0%, 13%, 8%.

What colors go with #DAEBCC?

Its complement is #DDCCEB; analogous partners are #E9EBCC and #CCEBCD. It also appears in 6+ palettes in our collection.

Can I use #DAEBCC for text?

Black text on #DAEBCC has a contrast ratio of 16.74:1 (passes WCAG AA); white text gives 1.25:1.