#02FDA6

#02FDA6

Color Values

HEX

#02FDA6

RGB

2, 253, 166

HSL

159.2, 98.4%, 50.0%

HSV

159.2, 99.2%, 99.2%

CMYK

99.2%, 0.0%, 34.4%, 0.8%

OKLCH

0.8767 0.2001 159.4

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#02FDA6

#FD0259

Analogous

#02FD29

#02D6FD

#02FDA6

Triadic

#02FDA6

#A602FD

#FDA602

Split Complementary

#02FDA6

#FD02D6

#FD2902

Tetradic

#02FDA6

#2902FD

#FD0259

#D6FD02

Color Blindness Simulation

Original

#02FDA6

Protanopia

#6F71BB

Deuteranopia

#604DC0

Tritanopia

#0FCCCF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #02FDA6;
color: #02FDA6;
border-color: #02FDA6;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B8FEE6
300
#86FED4
400
#44FDBD
500
#02FDA6
600
#02CA85
700
#01A26A
800
#017E53
900
#065B3E
950
#043A27

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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