#02A169

#02A169

Color Values

HEX

#02A169

RGB

2, 161, 105

HSL

158.9, 97.5%, 32.0%

HSV

158.9, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 34.8%, 36.9%

OKLCH

0.6256 0.1416 159.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#02A169

#A1023A

Analogous

#02A11A

#028AA1

#02A169

Triadic

#02A169

#6902A1

#A16902

Split Complementary

#02A169

#A1028A

#A11A02

Tetradic

#02A169

#1A02A1

#A1023A

#8AA102

Color Blindness Simulation

Original

#02A169

Protanopia

#474877

Deuteranopia

#3E327A

Tritanopia

#0A8184

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B8FEE6
300
#86FDD4
400
#45FDBC
500
#03FCA4
600
#03C984
700
#02A169
800
#027E52
900
#065B3D
950
#043927

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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