#64CDDE

#64CDDE

Color Values

HEX

#64CDDE

RGB

100, 205, 222

HSL

188.4, 64.9%, 63.1%

HSV

188.4, 55.0%, 87.1%

CMYK

55.0%, 7.7%, 0.0%, 12.9%

OKLCH

0.7924 0.0996 209.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#64CDDE

#DE7564

Analogous

#64DEB2

#6490DE

#64CDDE

Triadic

#64CDDE

#DE64CD

#CDDE64

Split Complementary

#64CDDE

#DE6490

#DEB264

Tetradic

#64CDDE

#B264DE

#DE7564

#90DE64

Color Blindness Simulation

Original

#64CDDE

Protanopia

#9192DA

Deuteranopia

#8B84D9

Tritanopia

#69D7D6

Achromatopsia

#B8B8B8

CSS Usage

background-color: #64CDDE;
color: #64CDDE;
border-color: #64CDDE;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4ECF2
300
#9ADEEA
400
#63CDDE
500
#2DBBD2
600
#2496A8
700
#1D7887
800
#165E69
900
#14454D
950
#0D2B30

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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