#02CA35

#02CA35

Color Values

HEX

#02CA35

RGB

2, 202, 53

HSL

135.3, 98.0%, 40.0%

HSV

135.3, 99.0%, 79.2%

CMYK

99.0%, 0.0%, 73.8%, 20.8%

OKLCH

0.7291 0.2308 144.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#02CA35

#CA0297

Analogous

#33CA02

#02CA99

#02CA35

Triadic

#02CA35

#3502CA

#CA3502

Split Complementary

#02CA35

#9902CA

#CA0233

Tetradic

#02CA35

#0233CA

#CA0297

#CA9902

Color Blindness Simulation

Original

#02CA35

Protanopia

#595A59

Deuteranopia

#4D3E62

Tritanopia

#0C767C

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FECA
300
#86FEA4
400
#44FD73
500
#03FC42
600
#02CA35
700
#02A22A
800
#017E21
900
#065B1C
950
#043A11

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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