#02A12D

#02A12D

Color Values

HEX

#02A12D

RGB

2, 161, 45

HSL

136.2, 97.5%, 32.0%

HSV

136.2, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 72.0%, 36.9%

OKLCH

0.6165 0.1922 145.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A12D

#A10276

Analogous

#27A102

#02A17D

#02A12D

Triadic

#02A12D

#2D02A1

#A12D02

Split Complementary

#02A12D

#7D02A1

#A10227

Tetradic

#02A12D

#0227A1

#A10276

#A17D02

Color Blindness Simulation

Original

#02A12D

Protanopia

#474849

Deuteranopia

#3E3250

Tritanopia

#0A5F64

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FECB
300
#86FDA6
400
#45FD76
500
#03FC46
600
#03C938
700
#02A12D
800
#027E23
900
#065B1D
950
#043912

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