Maroon Colors  ·  Color Library

Palettes / Colors / #C2EFC2

#C2EFC2 — Pale Green

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

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

#C2EFC2 · RGB 194, 239, 194

Download PNG swatch SVG

Color values

HEX#C2EFC2
RGB194, 239, 194
HSL120°, 58%, 85%
HSV120°, 19%, 94%
CMYK19%, 0%, 19%, 6%
XYZ62.85, 77.10, 62.61
Yxy77.10, 0.3103, 0.3806
CIE-Lab90.37, -22.87, 17.08
Hunter Lab87.81, -21.53, 14.96

RGB & CMYK percentages

Red 76% · Green 94% · Blue 76%

Cyan 19% · Magenta 0% · Yellow 19% · Key 6%

Previews

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

CSS code for #C2EFC2

.text { color: #C2EFC2; }
.background { background-color: #C2EFC2; }
.border { border: 3px solid #C2EFC2; }
.text-rgb { color: rgb(194, 239, 194); }
.text-hsl { color: hsl(120, 58%, 85%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #C2EFC2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(194, 239, 194, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #C2EFC2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(194, 239, 194, 0.8); }

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

Shades of #C2EFC2

#A2E6A2#82DE82#62D562#42CD42#30B530#279127#1E711E#155115#0D300D#041004

Tints of #C2EFC2

#C7F0C7#CBF1CB#CFF2CF#D3F3D3#DBF5DB#DFF6DF#E3F8E3#E7F9E7#EBFAEB#EFFBEF

Tones of #C2EFC2

#C6ECC6#C9E8C9#CCE5CC#CFE2CF#D2DFD2#D6DCD6

Color harmonies

Complementary — #EFC3EF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.28:1 Fails
Against black text16.42:1 AAA

Best text color on #C2EFC2: #000000.

How #C2EFC2 looks with color blindness

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

Protanopia · #D5D6CDDeuteranopia · #D3D0D0Tritanopia · #C4D5D7

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

Velvet Ruby Mosaic
#158E27 · #5841E2 · #E56A56 · #C0EFC3
Vivid Ruby Mosaic
#C1ECC1 · #67D167 · #36C936 · #1F701F
Electric Harbor
#BD1EBF · #E662CF · #63E661 · #C4F2C6
Palette Fa7070
#FA7070 · #FBF2CF · #C6EBC5 · #A1C298
Palette Fa7070
#FA7070 · #FEFDED · #C6EBC5 · #A1C398
Palette Ace1af
#ACE1AF · #B0EBB4 · #BFF6C3 · #E0FBE2

Similar colors

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

#C0EFC3#C1ECC1#C4F2C6#C6EBC5#BFF6C3#BAEFC2#C3F0CA#BDF5C6#BDF1BB#C2F0CB#C9F0BC#B9ECC1

Browse neighbouring colors

← #C2EFC1  ·  #C2EFC3 →

Frequently asked questions

What color is #C2EFC2?

#C2EFC2 is Pale Green, a green color (RGB 194, 239, 194). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #C2EFC2?

#C2EFC2 is RGB 194, 239, 194 — HSL 120°, 58%, 85% — CMYK 19%, 0%, 19%, 6%.

What colors go with #C2EFC2?

Its complement is #EFC3EF; analogous partners are #D9EFC3 and #C3EFD9. It also appears in 6+ palettes in our collection.

Can I use #C2EFC2 for text?

Black text on #C2EFC2 has a contrast ratio of 16.42:1 (passes WCAG AA); white text gives 1.28:1.