#02CA56

#02CA56

Color Values

HEX

#02CA56

RGB

2, 202, 86

HSL

145.2, 98.0%, 40.0%

HSV

145.2, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 57.4%, 20.8%

OKLCH

0.7323 0.2082 148.6

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#02CA56

#CA0276

Analogous

#12CA02

#02CABA

#02CA56

Triadic

#02CA56

#5602CA

#CA5602

Split Complementary

#02CA56

#BA02CA

#CA0212

Tetradic

#02CA56

#0212CA

#CA0276

#CABA02

Color Blindness Simulation

Original

#02CA56

Protanopia

#595A72

Deuteranopia

#4D3E79

Tritanopia

#0C888D

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B8FED6
300
#86FEB8
400
#44FD92
500
#03FC6C
600
#02CA56
700
#02A245
800
#017E36
900
#065B2A
950
#043A1A

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.59:1

AA Pass AAA Pass

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