#02A047

#02A047

Color Values

HEX

#02A047

RGB

2, 160, 71

HSL

146,2, 97,5%, 31,8%

HSV

146,2, 98,8%, 62,7%

CMYK

98,8%, 0,0%, 55,6%, 37,3%

OKLCH

0,6167 0,1713 149,5

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A047

#A0025B

Analogous

#0CA002

#02A096

#02A047

Triadic

#02A047

#4702A0

#A04702

Split Complementary

#02A047

#9602A0

#A0020C

Tetradic

#02A047

#020CA0

#A0025B

#A09602

Color Blindness Simulation

Original

#02A047

Protanopia

#46485D

Deuteranopia

#3D3162

Tritanopia

#0A6E71

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEB
200
#B8FED7
300
#86FDBA
400
#45FD95
500
#03FC70
600
#03C959
700
#02A148
800
#027E38
900
#065B2B
950
#04391B

Contrast Checker

Text on white

3,43:1

AA Fail AAA Fail

Text on black

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