#64DDC3

#64DDC3

Color Values

HEX

#64DDC3

RGB

100, 221, 195

HSL

167.1, 64.0%, 62.9%

HSV

167.1, 54.8%, 86.7%

CMYK

54.8%, 0.0%, 11.8%, 13.3%

OKLCH

0.8211 0.1156 177.0

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#64DDC3

#DD647E

Analogous

#64DD86

#64BADD

#64DDC3

Triadic

#64DDC3

#C364DD

#DDC364

Split Complementary

#64DDC3

#DD64BA

#DD8664

Tetradic

#64DDC3

#8664DD

#DD647E

#BADD64

Color Blindness Simulation

Original

#64DDC3

Protanopia

#9899C9

Deuteranopia

#9188CB

Tritanopia

#6ACECF

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E3F7F3
200
#C4F2E8
300
#9BE9D8
400
#64DDC3
500
#2ED1AE
600
#25A78B
700
#1D866F
800
#176957
900
#154C40
950
#0D3029

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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