#02A147

#02A147

Color Values

HEX

#02A147

RGB

2, 161, 71

HSL

146.0, 97.5%, 32.0%

HSV

146.0, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 55.9%, 36.9%

OKLCH

0.6195 0.1725 149.4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#02A147

#A1025C

Analogous

#0DA102

#02A197

#02A147

Triadic

#02A147

#4702A1

#A14702

Split Complementary

#02A147

#9702A1

#A1020D

Tetradic

#02A147

#020DA1

#A1025C

#A19702

Color Blindness Simulation

Original

#02A147

Protanopia

#47485D

Deuteranopia

#3E3262

Tritanopia

#0A6E72

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEB
200
#B8FED7
300
#86FDBA
400
#45FD94
500
#03FC6F
600
#03C959
700
#02A147
800
#027E37
900
#065B2B
950
#04391B

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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