#02A23F

#02A23F

Color Values

HEX

#02A23F

RGB

2, 162, 63

HSL

142.9, 97.6%, 32.2%

HSV

142.9, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 61.1%, 36.5%

OKLCH

0.6212 0.1803 147.8

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A23F

#A20265

Analogous

#15A202

#02A28F

#02A23F

Triadic

#02A23F

#3F02A2

#A23F02

Split Complementary

#02A23F

#8F02A2

#A20215

Tetradic

#02A23F

#0215A2

#A20265

#A28F02

Color Blindness Simulation

Original

#02A23F

Protanopia

#474957

Deuteranopia

#3E325D

Tritanopia

#0A6A6E

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEA
200
#B8FED3
300
#86FEB4
400
#45FD8B
500
#03FC62
600
#02CA4E
700
#02A13F
800
#027E31
900
#065B26
950
#043918

Contrast Checker

Text on white

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