#02CA63

#02CA63

Color Values

HEX

#02CA63

RGB

2, 202, 99

HSL

149.1, 98.0%, 40.0%

HSV

149.1, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 51.0%, 20.8%

OKLCH

0.7341 0.1974 150.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#02CA63

#CA0269

Analogous

#05CA02

#02CAC7

#02CA63

Triadic

#02CA63

#6302CA

#CA6302

Split Complementary

#02CA63

#C702CA

#CA0205

Tetradic

#02CA63

#0205CA

#CA0269

#CAC702

Color Blindness Simulation

Original

#02CA63

Protanopia

#595A7C

Deuteranopia

#4D3E82

Tritanopia

#0C9094

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FEDA
300
#86FEC0
400
#44FD9E
500
#03FC7C
600
#02CA63
700
#02A24F
800
#017E3E
900
#065B2F
950
#043A1E

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026