#64D7CF

#64D7CF

Color Values

HEX

#64D7CF

RGB

100, 215, 207

HSL

175.8, 59.0%, 61.8%

HSV

175.8, 53.5%, 84.3%

CMYK

53.5%, 0.0%, 3.7%, 15.7%

OKLCH

0.8105 0.1051 189.2

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#64D7CF

#D7646C

Analogous

#64D796

#64A6D7

#64D7CF

Triadic

#64D7CF

#CF64D7

#D7CF64

Split Complementary

#64D7CF

#D764A6

#D79664

Tetradic

#64D7CF

#9664D7

#D7646C

#A6D764

Color Blindness Simulation

Original

#64D7CF

Protanopia

#9697D1

Deuteranopia

#8F86D1

Tritanopia

#6AD2D3

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C6F0ED
300
#9EE6E1
400
#69D8D1
500
#34CBC0
600
#2AA29A
700
#21827B
800
#1A6560
900
#174A47
950
#0E2F2D

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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