#64DADD

#64DADD

Color Values

HEX

#64DADD

RGB

100, 218, 221

HSL

181.5, 64.0%, 62.9%

HSV

181.5, 54.8%, 86.7%

CMYK

54.8%, 1.4%, 0.0%, 13.3%

OKLCH

0.8221 0.1061 197.6

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#64DADD

#DD6764

Analogous

#64DDA3

#649DDD

#64DADD

Triadic

#64DADD

#DD64DA

#DADD64

Split Complementary

#64DADD

#DD649D

#DDA364

Tetradic

#64DADD

#A364DD

#DD6764

#9DDD64

Color Blindness Simulation

Original

#64DADD

Protanopia

#9798DC

Deuteranopia

#9087DC

Tritanopia

#6ADCDC

Achromatopsia

#C1C1C1

CSS Usage

background-color: #64DADD;
color: #64DADD;
border-color: #64DADD;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F1F2
300
#9BE7E9
400
#64DADD
500
#2ECDD1
600
#25A4A7
700
#1D8386
800
#176769
900
#154B4C
950
#0D2F30

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026