HEX Color #2CAF2C (Limegreen)

About #2CAF2C

Visually, #2CAF2C is defined as a moderate green. 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, 175, and 44.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 75% C, 0% M, 75% Y, and 31% K. With a hue angle of 120.0 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2CAF2C

RGB44, 175, 44

HSL120.0°, 59.8%, 42.9%

CMYK75%, 0%, 75%, 31%

HSV120.0°, 74.9%, 68.6%

LAB62.8, -59.0, 53.7

XYZ16.8, 31.4, 7.6

Decimal2928428

Color Harmonies

Complementary

#2CAF2C #AF2CAE

Analogous

#6DAF2C #2CAF6D

Triadic

#2C2CAF #AF2C2C

Tetradic

#2C6DAF #AF2CAE #AF6D2C

Tints, Shades & Tones

Tints (Adding White)

#2CAF2C

#43B743

#5AC05A

#72C972

#89D289

#A1DBA1

#B8E4B8

#D0EDD0

#E7F6E7

#FFFFFF

Shades (Adding Black)

#2CAF2C

#279B27

#228822

#1D741D

#186118

#134D13

#0E3A0E

#092609

#041304

#000000

WCAG Contrast Accessibility

2.89:1

Text on #FFFFFF

FAIL

7.28:1

Text on #000000

AAA

2.76:1

Text on #F8FAFC

FAIL

6.19:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32