#02A151

#02A151

Color Values

HEX

#02A151

RGB

2, 161, 81

HSL

149,8, 97,5%, 32,0%

HSV

149,8, 98,8%, 63,1%

CMYK

98,8%, 0,0%, 49,7%, 36,9%

OKLCH

0,621 0,1636 151,8

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#02A151

#A10252

Analogous

#03A102

#02A1A1

#02A151

Triadic

#02A151

#5102A1

#A15102

Split Complementary

#02A151

#A102A1

#A10203

Tetradic

#02A151

#0203A1

#A10252

#A1A102

Color Blindness Simulation

Original

#02A151

Protanopia

#474864

Deuteranopia

#3E3269

Tritanopia

#0A7477

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FEDB
300
#86FDC1
400
#45FDA0
500
#03FC7F
600
#03C965
700
#02A151
800
#027E3F
900
#065B30
950
#04391E

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,22: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