#02A215

#02A215

Color Values

HEX

#02A215

RGB

2, 162, 21

HSL

127.1, 97.6%, 32.2%

HSV

127.1, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 87.0%, 36.5%

OKLCH

0.6178 0.2048 143.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A215

#A2028F

Analogous

#3FA202

#02A265

#02A215

Triadic

#02A215

#1502A2

#A21502

Split Complementary

#02A215

#6502A2

#A2023F

Tetradic

#02A215

#023FA2

#A2028F

#A26502

Color Blindness Simulation

Original

#02A215

Protanopia

#474937

Deuteranopia

#3E323F

Tritanopia

#0A5258

Achromatopsia

#767676

CSS Usage

background-color: #02A215;
color: #02A215;
border-color: #02A215;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FEF3
100
#DEFCE2
200
#B8FEC1
300
#86FE94
400
#45FD5A
500
#03FC21
600
#02CA1A
700
#02A115
800
#027E10
900
#065B10
950
#04390A

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