#02A16A

#02A16A

Color Values

HEX

#02A16A

RGB

2, 161, 106

HSL

159.2, 97.5%, 32.0%

HSV

159.2, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 34.2%, 36.9%

OKLCH

0.6258 0.1407 160.2

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#02A16A

#A10239

Analogous

#02A11A

#0289A1

#02A16A

Triadic

#02A16A

#6A02A1

#A16A02

Split Complementary

#02A16A

#A10289

#A11A02

Tetradic

#02A16A

#1A02A1

#A10239

#89A102

Color Blindness Simulation

Original

#02A16A

Protanopia

#474877

Deuteranopia

#3E327A

Tritanopia

#0A8284

Achromatopsia

#7B7B7B

CSS Usage

background-color: #02A16A;
color: #02A16A;
border-color: #02A16A;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B8FEE6
300
#86FDD4
400
#45FDBD
500
#03FCA6
600
#03C984
700
#02A16A
800
#027E53
900
#065B3D
950
#043927

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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