#02A223

#02A223

Color Values

HEX

#02A223

RGB

2, 162, 35

HSL

132.4, 97.6%, 32.2%

HSV

132.4, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 78.4%, 36.5%

OKLCH

0.6186 0.1989 144.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A223

#A20281

Analogous

#31A202

#02A273

#02A223

Triadic

#02A223

#2302A2

#A22302

Split Complementary

#02A223

#7302A2

#A20231

Tetradic

#02A223

#0231A2

#A20281

#A27302

Color Blindness Simulation

Original

#02A223

Protanopia

#474942

Deuteranopia

#3E3249

Tritanopia

#0A5A5F

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE4
200
#B8FEC7
300
#86FE9F
400
#45FD6B
500
#03FC36
600
#02CA2C
700
#02A123
800
#027E1B
900
#065B17
950
#04390F

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