#02A22D

#02A22D

Color Values

HEX

#02A22D

RGB

2, 162, 45

HSL

136.1, 97.6%, 32.2%

HSV

136.1, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 72.2%, 36.5%

OKLCH

0.6193 0.1932 145.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A22D

#A20277

Analogous

#27A202

#02A27D

#02A22D

Triadic

#02A22D

#2D02A2

#A22D02

Split Complementary

#02A22D

#7D02A2

#A20227

Tetradic

#02A22D

#0227A2

#A20277

#A27D02

Color Blindness Simulation

Original

#02A22D

Protanopia

#474949

Deuteranopia

#3E3250

Tritanopia

#0A6065

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FECB
300
#86FEA6
400
#45FD76
500
#03FC46
600
#02CA38
700
#02A12D
800
#027E23
900
#065B1D
950
#043912

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026