#64DEC3

#64DEC3

Color Values

HEX

#64DEC3

RGB

100, 222, 195

HSL

166,7, 64,9%, 63,1%

HSV

166,7, 55,0%, 87,1%

CMYK

55,0%, 0,0%, 12,2%, 12,9%

OKLCH

0,8235 0,1168 176,5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#64DEC3

#DE647F

Analogous

#64DE86

#64BCDE

#64DEC3

Triadic

#64DEC3

#C364DE

#DEC364

Split Complementary

#64DEC3

#DE64BC

#DE8664

Tetradic

#64DEC3

#8664DE

#DE647F

#BCDE64

Color Blindness Simulation

Original

#64DEC3

Protanopia

#999ACA

Deuteranopia

#9289CB

Tritanopia

#6ACFD0

Achromatopsia

#C2C2C2

CSS Usage

background-color: #64DEC3;
color: #64DEC3;
border-color: #64DEC3;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCFA
100
#E3F7F3
200
#C4F2E8
300
#9AEAD8
400
#63DEC3
500
#2DD2AE
600
#24A88B
700
#1D876F
800
#166957
900
#144D40
950
#0D3029

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

12,78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026