HEX Color #2CE957 (Limegreen)

About #2CE957

At its core, #2CE957 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 233, and 87.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 81% cyan and 0% magenta inks. The HSL representation is 133.7° hue, 81.1% saturation, and 54.3% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#2CE957

RGB44, 233, 87

HSL133.7°, 81.1%, 54.3%

CMYK81%, 0%, 63%, 9%

HSV133.7°, 81.1%, 91.4%

LAB81.6, -73.1, 56.8

XYZ31.9, 59.5, 18.8

Decimal2943319

Color Harmonies

Complementary

#2CE957 #E92BBE

Analogous

#5FE92B #2BE9B5

Triadic

#562BE9 #E9562B

Tetradic

#2B5FE9 #E92BBE #E9B52B

Tints, Shades & Tones

Tints (Adding White)

#2CE957

#43EB69

#5AED7C

#72F08F

#89F2A1

#A1F5B4

#B8F7C7

#D0FAD9

#E7FCEC

#FFFFFF

Shades (Adding Black)

#2CE957

#27CF4D

#22B543

#1D9B3A

#188130

#136726

#0E4D1D

#093313

#041909

#000000

WCAG Contrast Accessibility

1.63:1

Text on #FFFFFF

FAIL

12.90:1

Text on #000000

AAA

1.56:1

Text on #F8FAFC

FAIL

10.97:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #2CE957; }

.text-color { color: #2CE957; }

.border-color { border: 2px solid #2CE957; }

Similar Colors

Limegreen

#32CD32