#02A222

#02A222

Color Values

HEX

#02A222

RGB

2, 162, 34

HSL

132.0, 97.6%, 32.2%

HSV

132.0, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 79.0%, 36.5%

OKLCH

0.6185 0.1994 144.1

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A222

#A20282

Analogous

#32A202

#02A272

#02A222

Triadic

#02A222

#2202A2

#A22202

Split Complementary

#02A222

#7202A2

#A20232

Tetradic

#02A222

#0232A2

#A20282

#A27202

Color Blindness Simulation

Original

#02A222

Protanopia

#474941

Deuteranopia

#3E3248

Tritanopia

#0A595F

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE4
200
#B8FEC6
300
#86FE9E
400
#45FD69
500
#03FC35
600
#02CA2A
700
#02A122
800
#027E1A
900
#065B17
950
#04390E

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026