#02A12F

#02A12F

Color Values

HEX

#02A12F

RGB

2, 161, 47

HSL

137.0, 97.5%, 32.0%

HSV

137.0, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 70.8%, 36.9%

OKLCH

0.6167 0.1909 145.5

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A12F

#A10274

Analogous

#25A102

#02A17F

#02A12F

Triadic

#02A12F

#2F02A1

#A12F02

Split Complementary

#02A12F

#7F02A1

#A10225

Tetradic

#02A12F

#0225A1

#A10274

#A17F02

Color Blindness Simulation

Original

#02A12F

Protanopia

#47484B

Deuteranopia

#3E3251

Tritanopia

#0A6065

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE7
200
#B8FECC
300
#86FDA8
400
#45FD79
500
#03FC4A
600
#03C93B
700
#02A12F
800
#027E25
900
#065B1E
950
#043913

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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