#64BADD

#64BADD

Color Values

HEX

#64BADD

RGB

100, 186, 221

HSL

197.4, 64.0%, 62.9%

HSV

197.4, 54.8%, 86.7%

CMYK

54.8%, 15.8%, 0.0%, 13.3%

OKLCH

0.7484 0.0971 226.8

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#64BADD

#DD8764

Analogous

#64DDC4

#647DDD

#64BADD

Triadic

#64BADD

#DD64BA

#BADD64

Split Complementary

#64BADD

#DD647D

#DDC464

Tetradic

#64BADD

#C464DD

#DD8764

#7DDD64

Color Blindness Simulation

Original

#64BADD

Protanopia

#898AD5

Deuteranopia

#847ED2

Tritanopia

#68CECC

Achromatopsia

#AAAAAA

CSS Usage

background-color: #64BADD;
color: #64BADD;
border-color: #64BADD;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C4E5F2
300
#9BD2E9
400
#64BADD
500
#2EA2D1
600
#2581A7
700
#1D6886
800
#175169
900
#153C4C
950
#0D2630

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026