#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