#2CAD39

#2CAD39

Color Values

HEX

#2CAD39

RGB

44, 173, 57

HSL

126.0, 59.4%, 42.5%

HSV

126.0, 74.6%, 67.8%

CMYK

74.6%, 0.0%, 67.1%, 32.2%

OKLCH

0.6558 0.1904 144.3

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#2CAD39

#AD2CA0

Analogous

#60AD2C

#2CAD79

#2CAD39

Triadic

#2CAD39

#392CAD

#AD392C

Split Complementary

#2CAD39

#792CAD

#AD2C60

Tetradic

#2CAD39

#2C60AD

#AD2CA0

#AD792C

Color Blindness Simulation

Original

#2CAD39

Protanopia

#646555

Deuteranopia

#5C535C

Tritanopia

#326B70

Achromatopsia

#898989

CSS Usage

background-color: #2CAD39;
color: #2CAD39;
border-color: #2CAD39;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FBF4
100
#E4F6E6
200
#C6F1CA
300
#9DE6A5
400
#69D974
500
#34CB43
600
#29A336
700
#21822B
800
#1A6621
900
#174A1C
950
#0E2F12

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026