#02A142

#02A142

Color Values

HEX

#02A142

RGB

2, 161, 66

HSL

144.2, 97.5%, 32.0%

HSV

144.2, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 59.0%, 36.9%

OKLCH

0.6188 0.1767 148.4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A142

#A10261

Analogous

#11A102

#02A192

#02A142

Triadic

#02A142

#4202A1

#A14202

Split Complementary

#02A142

#9202A1

#A10211

Tetradic

#02A142

#0211A1

#A10261

#A19202

Color Blindness Simulation

Original

#02A142

Protanopia

#474859

Deuteranopia

#3E325E

Tritanopia

#0A6B6F

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEA
200
#B8FED5
300
#86FDB6
400
#45FD8F
500
#03FC67
600
#03C953
700
#02A142
800
#027E34
900
#065B28
950
#043919

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18: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