#02A118

#02A118

Color Values

HEX

#02A118

RGB

2, 161, 24

HSL

128.3, 97.5%, 32.0%

HSV

128.3, 98.8%, 63.1%

CMYK

98.8%, 0.0%, 85.1%, 36.9%

OKLCH

0.6152 0.2027 143.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#02A118

#A1028B

Analogous

#3CA102

#02A168

#02A118

Triadic

#02A118

#1802A1

#A11802

Split Complementary

#02A118

#6802A1

#A1023C

Tetradic

#02A118

#023CA1

#A1028B

#A16802

Color Blindness Simulation

Original

#02A118

Protanopia

#474839

Deuteranopia

#3E3241

Tritanopia

#0A5359

Achromatopsia

#757575

CSS Usage

background-color: #02A118;
color: #02A118;
border-color: #02A118;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FEF3
100
#DEFCE2
200
#B8FEC2
300
#86FD97
400
#45FD5E
500
#03FC26
600
#03C91E
700
#02A118
800
#027E13
900
#065B12
950
#04390B

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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