#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026