#64ABEE

#64ABEE

Color Values

HEX

#64ABEE

RGB

100, 171, 238

HSL

209.1, 80.2%, 66.3%

HSV

209.1, 58.0%, 93.3%

CMYK

58.0%, 28.2%, 0.0%, 6.7%

OKLCH

0.7224 0.1217 248.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#64ABEE

#EEA764

Analogous

#64EEEC

#6466EE

#64ABEE

Triadic

#64ABEE

#EE64AB

#ABEE64

Split Complementary

#64ABEE

#EE6466

#EEEC64

Tetradic

#64ABEE

#EC64EE

#EEA764

#66EE64

Color Blindness Simulation

Original

#64ABEE

Protanopia

#8383DE

Deuteranopia

#7F79DA

Tritanopia

#68D1CE

Achromatopsia

#A1A1A1

CSS Usage

background-color: #64ABEE;
color: #64ABEE;
border-color: #64ABEE;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDCF8
300
#91C3F3
400
#55A3EC
500
#1983E6
600
#1468B8
700
#105493
800
#0D4173
900
#0D3153
950
#091F35

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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