#02A229

#02A229

Color Values

HEX

#02A229

RGB

2, 162, 41

HSL

134.6, 97.6%, 32.2%

HSV

134.6, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 74.7%, 36.5%

OKLCH

0.619 0.1957 144.7

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A229

#A2027B

Analogous

#2BA202

#02A279

#02A229

Triadic

#02A229

#2902A2

#A22902

Split Complementary

#02A229

#7902A2

#A2022B

Tetradic

#02A229

#022BA2

#A2027B

#A27902

Color Blindness Simulation

Original

#02A229

Protanopia

#474946

Deuteranopia

#3E324D

Tritanopia

#0A5D62

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FEC9
300
#86FEA3
400
#45FD71
500
#03FC40
600
#02CA33
700
#02A129
800
#027E20
900
#065B1B
950
#043911

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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