#02A178

#02A178

Color Values

HEX

#02A178

RGB

2, 161, 120

HSL

164.5, 97.5%, 32.0%

HSV

164.5, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 25.5%, 36.9%

OKLCH

0.6292 0.1289 166.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#02A178

#A1022B

Analogous

#02A128

#027BA1

#02A178

Triadic

#02A178

#7802A1

#A17802

Split Complementary

#02A178

#A1027B

#A12802

Tetradic

#02A178

#2802A1

#A1022B

#7BA102

Color Blindness Simulation

Original

#02A178

Protanopia

#474882

Deuteranopia

#3E3284

Tritanopia

#0A8A8B

Achromatopsia

#7C7C7C

CSS Usage

background-color: #02A178;
color: #02A178;
border-color: #02A178;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FEEC
300
#86FDDF
400
#45FDCD
500
#03FCBC
600
#03C996
700
#02A178
800
#027E5E
900
#065B45
950
#04392C

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026