#02A23D

#02A23D

Color Values

HEX

#02A23D

RGB

2, 162, 61

HSL

142.1, 97.6%, 32.2%

HSV

142.1, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 62.3%, 36.5%

OKLCH

0.6209 0.1819 147.4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A23D

#A20267

Analogous

#17A202

#02A28D

#02A23D

Triadic

#02A23D

#3D02A2

#A23D02

Split Complementary

#02A23D

#8D02A2

#A20217

Tetradic

#02A23D

#0217A2

#A20267

#A28D02

Color Blindness Simulation

Original

#02A23D

Protanopia

#474955

Deuteranopia

#3E325B

Tritanopia

#0A696D

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCE9
200
#B8FED2
300
#86FEB2
400
#45FD88
500
#03FC5F
600
#02CA4C
700
#02A13D
800
#027E2F
900
#065B25
950
#043918

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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