#02FDDA

#02FDDA

Color Values

HEX

#02FDDA

RGB

2, 253, 218

HSL

171.6, 98.4%, 50.0%

HSV

171.6, 99.2%, 99.2%

CMYK

99.2%, 0.0%, 13.8%, 0.8%

OKLCH

0.8893 0.1638 177.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#02FDDA

#FD0225

Analogous

#02FD5C

#02A3FD

#02FDDA

Triadic

#02FDDA

#DA02FD

#FDDA02

Split Complementary

#02FDDA

#FD02A3

#FD5C02

Tetradic

#02FDDA

#5C02FD

#FD0225

#A3FD02

Color Blindness Simulation

Original

#02FDDA

Protanopia

#6F71E2

Deuteranopia

#604DE4

Tritanopia

#0FE9EB

Achromatopsia

#C5C5C5

CSS Usage

background-color: #02FDDA;
color: #02FDDA;
border-color: #02FDDA;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FEF5
300
#86FEED
400
#44FDE3
500
#02FDDA
600
#02CAAE
700
#01A28B
800
#017E6D
900
#065B4F
950
#043A32

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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