#02FD63

#02FD63

Color Values

HEX

#02FD63

RGB

2, 253, 99

HSL

143,2, 98,4%, 50,0%

HSV

143,2, 99,2%, 99,2%

CMYK

99,2%, 0,0%, 60,9%, 0,8%

OKLCH

0,8664 0,2546 147,4

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#02FD63

#FD029C

Analogous

#1EFD02

#02FDE1

#02FD63

Triadic

#02FD63

#6302FD

#FD6302

Split Complementary

#02FD63

#E102FD

#FD021E

Tetradic

#02FD63

#021EFD

#FD029C

#FDE102

Color Blindness Simulation

Original

#02FD63

Protanopia

#6F7188

Deuteranopia

#604D91

Tritanopia

#0FA6AC

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEA
200
#B8FED3
300
#86FEB4
400
#44FD8C
500
#02FD63
600
#02CA4F
700
#01A23F
800
#017E32
900
#065B27
950
#043A18

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,23:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026