Maroon Colors  ·  Color Library

Palettes / Colors / #DCFCBA

#DCFCBA — Pale Vivid Green

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

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

#DCFCBA · RGB 220, 252, 186

Download PNG swatch SVG

Color values

HEX#DCFCBA
RGB220, 252, 186
HSL89°, 92%, 86%
HSV89°, 26%, 99%
CMYK13%, 0%, 26%, 1%
XYZ73.19, 88.38, 59.66
Yxy88.38, 0.3308, 0.3995
CIE-Lab95.32, -21.55, 28.28
Hunter Lab94.01, -20.86, 23.95

RGB & CMYK percentages

Red 86% · Green 99% · Blue 73%

Cyan 13% · Magenta 0% · Yellow 26% · Key 1%

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

Previews

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

CSS code for #DCFCBA

.text { color: #DCFCBA; }
.background { background-color: #DCFCBA; }
.border { border: 3px solid #DCFCBA; }
.text-rgb { color: rgb(220, 252, 186); }
.text-hsl { color: hsl(89, 92%, 86%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DCFCBA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(220, 252, 186, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DCFCBA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(220, 252, 186, 0.8); }

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

Shades of #DCFCBA

#C9FB93#B5F96C#9FF740#8BF519#76DC09#61B508#4C8E06#356204#203B02#0B1401

Tints of #DCFCBA

#DFFCBF#E1FDC4#E4FDC9#E6FDCE#E9FDD3#EBFDD8#EEFEDD#F0FEE2#F3FEE7#F5FEEB

Tones of #DCFCBA

#DCF8BF#DCF3C4#DCEEC8#DCE9CD#DCE5D2#DBE0D7

Color harmonies

Complementary — #DABAFC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.12:1 Fails
Against black text18.68:1 AAA

Best text color on #DCFCBA: #000000.

How #DCFCBA looks with color blindness

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

Protanopia · #EAEACADeuteranopia · #E8E6CETritanopia · #DED7D9

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 Yellow 500 · #FFEB3B

Palettes with a similar color

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

Palette Ddffbb
#DDFFBB · #C7E9B0 · #B3C99C · #A4BC92
Palette Feffde
#FEFFDE · #DDFFBC · #91C788 · #52734D
Palette Dcffb7
#DCFFB7 · #FF6868 · #FFBB64 · #FFEAA7
Palette 001a6e
#001A6E · #074799 · #009990 · #E1FFBB
Palette 3d6271
#3D6271 · #3D899C · #45A298 · #D8F8B7
Palette Ffcfdf
#FFCFDF · #FEFDCA · #E0F9B5 · #A5DEE5

Similar colors

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

#DDFFBB#DDFFBC#DCFFB7#E1FFBB#D8F8B7#E0F9B5#D9F4BE#DDF3BE#DEF9C4#E1FFB1#E7FBBE#E5FCC2

Browse neighbouring colors

← #DCFCB9  ·  #DCFCBB →

Frequently asked questions

What color is #DCFCBA?

#DCFCBA is Pale Vivid Green, a green color (RGB 220, 252, 186). Its closest standard named color is PaleGoldenRod.

What is the RGB and HSL of #DCFCBA?

#DCFCBA is RGB 220, 252, 186 — HSL 89°, 92%, 86% — CMYK 13%, 0%, 26%, 1%.

What colors go with #DCFCBA?

Its complement is #DABAFC; analogous partners are #FCFBBA and #BCFCBA. It also appears in 6+ palettes in our collection.

Can I use #DCFCBA for text?

Black text on #DCFCBA has a contrast ratio of 18.68:1 (passes WCAG AA); white text gives 1.12:1.