Maroon Colors  ·  Color Library

Palettes / Colors / #DCF0BD

#DCF0BD — Pale Green

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

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

#DCF0BD · RGB 220, 240, 189

Download PNG swatch SVG

Color values

HEX#DCF0BD
RGB220, 240, 189
HSL84°, 63%, 84%
HSV84°, 21%, 94%
CMYK8%, 0%, 21%, 6%
XYZ69.86, 81.21, 60.14
Yxy81.21, 0.3308, 0.3845
CIE-Lab92.23, -15.25, 22.50
Hunter Lab90.12, -14.74, 19.33

RGB & CMYK percentages

Red 86% · Green 94% · Blue 74%

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

Previews

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

CSS code for #DCF0BD

.text { color: #DCF0BD; }
.background { background-color: #DCF0BD; }
.border { border: 3px solid #DCF0BD; }
.text-rgb { color: rgb(220, 240, 189); }
.text-hsl { color: hsl(84, 63%, 84%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DCF0BD; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(220, 240, 189, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DCF0BD; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(220, 240, 189, 0.8); }

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

Shades of #DCF0BD

#CAE89B#B8E17A#A6D959#94D237#7EB72A#679622#50741A#395313#22320B#0B1104

Tints of #DCF0BD

#DEF1C1#E0F2C5#E4F4CD#E6F5D1#E9F6D5#EBF7DA#EDF7DE#F2F9E6#F4FAEA#F6FBEE

Tones of #DCF0BD

#DBECC0#DAE9C4#D9E5C8#D8E1CB#D8DECF#D7DAD3

Color harmonies

Complementary — #D1BCF0:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #DCF0BD: #000000.

How #DCF0BD looks with color blindness

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

Protanopia · #E5E5C9Deuteranopia · #E4E2CCTritanopia · #DDD3D5

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 #DCF0BD or a close neighbour

Palette 450c3f
#450C3F · #B9D175 · #D9EFBD · #F5FBDA
Golden Ruby Breeze
#DDF3BE · #B4E175 · #A9DE5E · #3B5714
Misty Terrace
#DAEDBA · #9DCE4B · #6C9429 · #3B5313
Palette D9edbf
#D9EDBF · #FF9800 · #2C7865 · #90D26D
Palette D9edbf
#D9EDBF · #FFB996 · #FFCF81 · #FDFFAB
Rustic Canyon
#38179F · #9C74EB · #C1E650 · #E0F0BA

Similar colors

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

#D9EFBD#DDF3BE#DAEDBA#D9EDBF#E0F0BA#DCEDC1#D9F4BE#DCEDC2#DCF0C3#E0EEC2#D5EEBB#D5F0C1

Browse neighbouring colors

← #DCF0BC  ·  #DCF0BE →

Frequently asked questions

What color is #DCF0BD?

#DCF0BD is Pale Green, a green color (RGB 220, 240, 189). Its closest standard named color is PaleGoldenRod.

What is the RGB and HSL of #DCF0BD?

#DCF0BD is RGB 220, 240, 189 — HSL 84°, 63%, 84% — CMYK 8%, 0%, 21%, 6%.

What colors go with #DCF0BD?

Its complement is #D1BCF0; analogous partners are #F0EBBC and #C2F0BC. It also appears in 6+ palettes in our collection.

Can I use #DCF0BD for text?

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