Maroon Colors  ·  Color Library

Palettes / Colors / #D2FED2

#D2FED2 — Pale Vivid Green

#D2FED2 is a green color we call Pale Vivid Green, closest to the named color Gainsboro (#DCDCDC). It belongs to the green family.

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

#D2FED2 · RGB 210, 254, 210

Download PNG swatch SVG

Color values

HEX#D2FED2
RGB210, 254, 210
HSL120°, 96%, 91%
HSV120°, 17%, 100%
CMYK17%, 0%, 17%, 0%
XYZ73.65, 89.24, 74.32
Yxy89.24, 0.3105, 0.3762
CIE-Lab95.68, -22.12, 16.46
Hunter Lab94.47, -21.43, 14.89

RGB & CMYK percentages

Red 82% · Green 100% · Blue 82%

Cyan 17% · Magenta 0% · Yellow 17% · Key 0%

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

Previews

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

CSS code for #D2FED2

.text { color: #D2FED2; }
.background { background-color: #D2FED2; }
.border { border: 3px solid #D2FED2; }
.text-rgb { color: rgb(210, 254, 210); }
.text-hsl { color: hsl(120, 96%, 91%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D2FED2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(210, 254, 210, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D2FED2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(210, 254, 210, 0.8); }

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

Shades of #D2FED2

#A5FDA5#7DFC7D#50FB50#23FB23#05F005#04C304#039603#026902#014101#001400

Tints of #D2FED2

#D7FED7#D7FED7#DCFEDC#DCFEDC#E1FEE1#E1FEE1#E6FEE6#E6FEE6#EBFFEB#EBFFEB

Tones of #D2FED2

#D5FBD5#D8F8D8#DBF5DB#DFF1DF#E2EEE2#E5EBE5

Color harmonies

Complementary — #FED2FE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.11:1 Fails
Against black text18.85:1 AAA

Best text color on #D2FED2: #000000.

How #D2FED2 looks with color blindness

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

Protanopia · #E5E5DDDeuteranopia · #E3DFDFTritanopia · #D4E5E7

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

Palette Ff8080
#FF8080 · #FFCF96 · #F6FDC3 · #CDFAD5
Palette D3f6d1
#D3F6D1 · #A7D7C5 · #74B49B · #5C8D89
Palette 106ee8
#106EE8 · #0FC1A1 · #90E0AB · #CBFFCE
Palette Cff6cf
#CFF6CF · #CFE5CF · #E5CFE5 · #F6DEF6
Palette Fdfdbd
#FDFDBD · #C8FFD4 · #B8E8FC · #B1AFFF
Dreamy Orchard
#D9F7CF · #8CEA6C · #71E24B · #2C7712

Similar colors

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

#CDFAD5#D3F6D1#CBFFCE#CFF6CF#C8FFD4#D9F7CF#C9FDD7#CDFADB#CFF3D1#D1F6C9#C7FFD8#CCF4CD

Browse neighbouring colors

← #D2FED1  ·  #D2FED3 →

Frequently asked questions

What color is #D2FED2?

#D2FED2 is Pale Vivid Green, a green color (RGB 210, 254, 210). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #D2FED2?

#D2FED2 is RGB 210, 254, 210 — HSL 120°, 96%, 91% — CMYK 17%, 0%, 17%, 0%.

What colors go with #D2FED2?

Its complement is #FED2FE; analogous partners are #E8FED2 and #D2FEE8. It also appears in 6+ palettes in our collection.

Can I use #D2FED2 for text?

Black text on #D2FED2 has a contrast ratio of 18.85:1 (passes WCAG AA); white text gives 1.11:1.