#02A242

#02A242

Color Values

HEX

#02A242

RGB

2, 162, 66

HSL

144.0, 97.6%, 32.2%

HSV

144.0, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 59.3%, 36.5%

OKLCH

0.6216 0.1779 148.3

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A242

#A20262

Analogous

#12A202

#02A292

#02A242

Triadic

#02A242

#4202A2

#A24202

Split Complementary

#02A242

#9202A2

#A20212

Tetradic

#02A242

#0212A2

#A20262

#A29202

Color Blindness Simulation

Original

#02A242

Protanopia

#474959

Deuteranopia

#3E325F

Tritanopia

#0A6C70

Achromatopsia

#797979

CSS Usage

background-color: #02A242;
color: #02A242;
border-color: #02A242;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF6
100
#DEFCEA
200
#B8FED4
300
#86FEB6
400
#45FD8E
500
#03FC67
600
#02CA52
700
#02A142
800
#027E33
900
#065B28
950
#043919

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026