#63DECE

#63DECE

Color Values

HEX

#63DECE

RGB

99, 222, 206

HSL

172.2, 65.1%, 62.9%

HSV

172.2, 55.4%, 87.1%

CMYK

55.4%, 0.0%, 7.2%, 12.9%

OKLCH

0.8264 0.1126 183.8

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#63DECE

#DE6373

Analogous

#63DE90

#63B0DE

#63DECE

Triadic

#63DECE

#CE63DE

#DECE63

Split Complementary

#63DECE

#DE63B0

#DE9063

Tetradic

#63DECE

#9063DE

#DE6373

#B0DE63

Color Blindness Simulation

Original

#63DECE

Protanopia

#9899D2

Deuteranopia

#9188D3

Tritanopia

#69D5D6

Achromatopsia

#C3C3C3

CSS Usage

background-color: #63DECE;
color: #63DECE;
border-color: #63DECE;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C4F3EC
300
#9AEADF
400
#63DECE
500
#2CD3BD
600
#24A897
700
#1C8779
800
#16695E
900
#144D45
950
#0D312C

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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