Maroon Colors  ·  Color Library

Palettes / Colors / #DCFCBB

#DCFCBB — Pale Vivid Green

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

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

#DCFCBB · RGB 220, 252, 187

Download PNG swatch SVG

Color values

HEX#DCFCBB
RGB220, 252, 187
HSL90°, 92%, 86%
HSV90°, 26%, 99%
CMYK13%, 0%, 26%, 1%
XYZ73.30, 88.42, 60.22
Yxy88.42, 0.3303, 0.3984
CIE-Lab95.34, -21.40, 27.80
Hunter Lab94.03, -20.73, 23.61

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 #DCFCBB on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #DCFCBB on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #DCFCBB

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

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

Shades of #DCFCBB

#C7FB93#B3F96C#9CF740#87F519#73DC09#5EB508#4A8E06#336204#1F3B02#0A1401

Tints of #DCFCBB

#DEFCBF#E0FDC4#E3FDC9#E6FDCE#E8FDD3#EBFDD8#EDFEDD#F0FEE2#F2FEE7#F5FEEB

Tones of #DCFCBB

#DBF8BF#DBF3C4#DBEEC8#DBE9CD#DBE5D2#DBE0D7

Color harmonies

Complementary — #DBBAFC:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #DCFCBB: #000000.

How #DCFCBB looks with color blindness

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

Protanopia · #EAEACBDeuteranopia · #E8E6CFTritanopia · #DED7DA

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 #DCFCBB 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#D8FFC5#E5FCC2#E7FBBE

Browse neighbouring colors

← #DCFCBA  ·  #DCFCBC →

Frequently asked questions

What color is #DCFCBB?

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

What is the RGB and HSL of #DCFCBB?

#DCFCBB is RGB 220, 252, 187 — HSL 90°, 92%, 86% — CMYK 13%, 0%, 26%, 1%.

What colors go with #DCFCBB?

Its complement is #DBBAFC; analogous partners are #FCFCBA and #BAFCBA. It also appears in 6+ palettes in our collection.

Can I use #DCFCBB for text?

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