#02A155

#02A155

Color Values

HEX

#02A155

RGB

2, 161, 85

HSL

151.3, 97.5%, 32.0%

HSV

151.3, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 47.2%, 36.9%

OKLCH

0.6217 0.16 152.9

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#02A155

#A1024E

Analogous

#02A105

#029EA1

#02A155

Triadic

#02A155

#5502A1

#A15502

Split Complementary

#02A155

#A1029E

#A10502

Tetradic

#02A155

#0502A1

#A1024E

#9EA102

Color Blindness Simulation

Original

#02A155

Protanopia

#474867

Deuteranopia

#3E326C

Tritanopia

#0A7679

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEE
200
#B8FEDD
300
#86FDC4
400
#45FDA5
500
#03FC85
600
#03C96A
700
#02A155
800
#027E42
900
#065B32
950
#043920

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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