#2DA202

#2DA202

Color Values

HEX

#2DA202

RGB

45, 162, 2

HSL

103.9, 97.6%, 32.2%

HSV

103.9, 98.8%, 63.5%

CMYK

72.2%, 0.0%, 98.8%, 36.5%

OKLCH

0.6231 0.2016 140.4

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#2DA202

#7702A2

Analogous

#7DA202

#02A227

#2DA202

Triadic

#2DA202

#022DA2

#A2022D

Split Complementary

#2DA202

#2702A2

#A2027D

Tetradic

#2DA202

#027DA2

#7702A2

#A22702

Color Blindness Simulation

Original

#2DA202

Protanopia

#606129

Deuteranopia

#595032

Tritanopia

#33474E

Achromatopsia

#7E7E7E

CSS Usage

background-color: #2DA202;
color: #2DA202;
border-color: #2DA202;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F4FEF1
100
#E6FCDE
200
#CBFEB8
300
#A6FE86
400
#76FD45
500
#46FC03
600
#38CA02
700
#2DA102
800
#237E02
900
#1D5B06
950
#123904

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

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