#64A3DC

#64A3DC

Color Values

HEX

#64A3DC

RGB

100, 163, 220

HSL

208.5, 63.2%, 62.7%

HSV

208.5, 54.5%, 86.3%

CMYK

54.5%, 25.9%, 0.0%, 13.7%

OKLCH

0.6962 0.1066 247.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#64A3DC

#DC9D64

Analogous

#64DCD9

#6467DC

#64A3DC

Triadic

#64A3DC

#DC64A3

#A3DC64

Split Complementary

#64A3DC

#DC6467

#DCD964

Tetradic

#64A3DC

#D964DC

#DC9D64

#67DC64

Color Blindness Simulation

Original

#64A3DC

Protanopia

#7F80CE

Deuteranopia

#7C77CB

Tritanopia

#67C3C1

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF7
200
#C5DCF2
300
#9BC4E8
400
#65A4DC
500
#2F84D0
600
#2669A6
700
#1E5485
800
#174268
900
#15324C
950
#0D1F30

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026