#62DFC0

#62DFC0

Color Values

HEX

#62DFC0

RGB

98, 223, 192

HSL

165.1, 66.1%, 62.9%

HSV

165.1, 56.1%, 87.5%

CMYK

56.1%, 0.0%, 13.9%, 12.5%

OKLCH

0.8243 0.1207 174.3

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#62DFC0

#DF6281

Analogous

#62DF81

#62BFDF

#62DFC0

Triadic

#62DFC0

#C062DF

#DFC062

Split Complementary

#62DFC0

#DF62BF

#DF8162

Tetradic

#62DFC0

#8162DF

#DF6281

#BFDF62

Color Blindness Simulation

Original

#62DFC0

Protanopia

#9899C7

Deuteranopia

#9188C9

Tritanopia

#68CDCF

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E3F7F2
200
#C4F3E7
300
#99EAD6
400
#62DFC0
500
#2BD4AA
600
#23A988
700
#1C886D
800
#166A55
900
#144D3F
950
#0C3128

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026