#02A176

#02A176

Color Values

HEX

#02A176

RGB

2, 161, 118

HSL

163.8, 97.5%, 32.0%

HSV

163.8, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 26.7%, 36.9%

OKLCH

0.6287 0.1305 165.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#02A176

#A1022D

Analogous

#02A127

#027DA1

#02A176

Triadic

#02A176

#7602A1

#A17602

Split Complementary

#02A176

#A1027D

#A12702

Tetradic

#02A176

#2702A1

#A1022D

#7DA102

Color Blindness Simulation

Original

#02A176

Protanopia

#474880

Deuteranopia

#3E3283

Tritanopia

#0A898A

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FEEB
300
#86FDDD
400
#45FDCB
500
#03FCB9
600
#03C994
700
#02A176
800
#027E5C
900
#065B44
950
#04392B

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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