#02A14B

#02A14B

Color Values

HEX

#02A14B

RGB

2, 161, 75

HSL

147.5, 97.5%, 32.0%

HSV

147.5, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 53.4%, 36.9%

OKLCH

0.62 0.169 150.3

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A14B

#A10258

Analogous

#09A102

#02A19B

#02A14B

Triadic

#02A14B

#4B02A1

#A14B02

Split Complementary

#02A14B

#9B02A1

#A10209

Tetradic

#02A14B

#0209A1

#A10258

#A19B02

Color Blindness Simulation

Original

#02A14B

Protanopia

#474860

Deuteranopia

#3E3265

Tritanopia

#0A7074

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEC
200
#B8FED8
300
#86FDBD
400
#45FD99
500
#03FC75
600
#03C95E
700
#02A14B
800
#027E3B
900
#065B2D
950
#04391C

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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