#62DFD2

#62DFD2

Color Values

HEX

#62DFD2

RGB

98, 223, 210

HSL

173.8, 66.1%, 62.9%

HSV

173.8, 56.1%, 87.5%

CMYK

56.1%, 0.0%, 5.8%, 12.5%

OKLCH

0.8296 0.1129 186.0

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#62DFD2

#DF626F

Analogous

#62DF93

#62ADDF

#62DFD2

Triadic

#62DFD2

#D262DF

#DFD262

Split Complementary

#62DFD2

#DF62AD

#DF9362

Tetradic

#62DFD2

#9362DF

#DF626F

#ADDF62

Color Blindness Simulation

Original

#62DFD2

Protanopia

#9899D5

Deuteranopia

#9188D6

Tritanopia

#68D8D8

Achromatopsia

#C3C3C3

CSS Usage

background-color: #62DFD2;
color: #62DFD2;
border-color: #62DFD2;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3EE
300
#99EAE2
400
#62DFD2
500
#2BD4C2
600
#23A99B
700
#1C887C
800
#166A61
900
#144D47
950
#0C312D

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026