#64BAFE

#64BAFE

Color Values

HEX

#64BAFE

RGB

100, 186, 254

HSL

206.5, 98.7%, 69.4%

HSV

206.5, 60.6%, 99.6%

CMYK

60.6%, 26.8%, 0.0%, 0.4%

OKLCH

0.7629 0.1288 244.5

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#64BAFE

#FEA864

Analogous

#64FEF5

#646DFE

#64BAFE

Triadic

#64BAFE

#FE64BA

#BAFE64

Split Complementary

#64BAFE

#FE646D

#FEF564

Tetradic

#64BAFE

#F564FE

#FEA864

#6DFE64

Color Blindness Simulation

Original

#64BAFE

Protanopia

#898AEE

Deuteranopia

#847EEA

Tritanopia

#68E1DE

Achromatopsia

#ADADAD

CSS Usage

background-color: #64BAFE;
color: #64BAFE;
border-color: #64BAFE;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8DFFF
300
#85C9FE
400
#44ACFE
500
#028EFD
600
#0172CB
700
#015BA2
800
#01477F
900
#05355B
950
#03223A

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026