#62DCD9

#62DCD9

Color Values

HEX

#62DCD9

RGB

98, 220, 217

HSL

178.5, 63.5%, 62.4%

HSV

178.5, 55.5%, 86.3%

CMYK

55.5%, 0.0%, 1.4%, 13.7%

OKLCH

0.8248 0.1089 193.0

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#62DCD9

#DC6265

Analogous

#62DC9C

#62A2DC

#62DCD9

Triadic

#62DCD9

#D962DC

#DCD962

Split Complementary

#62DCD9

#DC62A2

#DC9C62

Tetradic

#62DCD9

#9C62DC

#DC6265

#A2DC62

Color Blindness Simulation

Original

#62DCD9

Protanopia

#9798DA

Deuteranopia

#9087DA

Tritanopia

#68DADA

Achromatopsia

#C2C2C2

CSS Usage

background-color: #62DCD9;
color: #62DCD9;
border-color: #62DCD9;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F1
300
#9BE9E7
400
#65DDDA
500
#2FD0CC
600
#25A7A4
700
#1E8583
800
#176866
900
#154C4B
950
#0D302F

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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