#64AFF3

#64AFF3

Color Values

HEX

#64AFF3

RGB

100, 175, 243

HSL

208.5, 85.6%, 67.3%

HSV

208.5, 58.8%, 95.3%

CMYK

58.8%, 28.0%, 0.0%, 4.7%

OKLCH

0.7336 0.1244 247.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#64AFF3

#F3A864

Analogous

#64F3EF

#6468F3

#64AFF3

Triadic

#64AFF3

#F364AF

#AFF364

Split Complementary

#64AFF3

#F36468

#F3EF64

Tetradic

#64AFF3

#EF64F3

#F3A864

#68F364

Color Blindness Simulation

Original

#64AFF3

Protanopia

#8485E3

Deuteranopia

#807ADF

Tritanopia

#68D6D3

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDFA
300
#8DC4F6
400
#50A5F1
500
#1285ED
600
#0F6ABD
700
#0C5597
800
#094276
900
#0B3256
950
#072036

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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