#02F201

#02F201

Color Values

HEX

#02F201

RGB

2, 242, 1

HSL

119.8, 99.2%, 47.6%

HSV

119.8, 99.6%, 94.9%

CMYK

99.2%, 0.0%, 99.6%, 5.1%

OKLCH

0.8329 0.2832 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#02F201

#F101F2

Analogous

#7AF201

#01F279

#02F201

Triadic

#02F201

#0102F2

#F20102

Split Complementary

#02F201

#7901F2

#F2017A

Tetradic

#02F201

#017AF2

#F101F2

#F27901

Color Blindness Simulation

Original

#02F201

Protanopia

#6A6C3B

Deuteranopia

#5C4A49

Tritanopia

#0E6973

Achromatopsia

#AEAEAE

CSS Usage

background-color: #02F201;
color: #02F201;
border-color: #02F201;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F1FEF1
100
#DEFCDE
200
#B8FFB8
300
#85FF85
400
#44FE43
500
#02FE01
600
#01CB01
700
#01A301
800
#017F01
900
#055C05
950
#033A03

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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