#649FF0

#649FF0

Color Values

HEX

#649FF0

RGB

100, 159, 240

HSL

214.7, 82.4%, 66.7%

HSV

214.7, 58.3%, 94.1%

CMYK

58.3%, 33.8%, 0.0%, 5.9%

OKLCH

0.6975 0.1349 256.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#649FF0

#F0B564

Analogous

#64E5F0

#6F64F0

#649FF0

Triadic

#649FF0

#F0649F

#9FF064

Split Complementary

#649FF0

#F06F64

#E5F064

Tetradic

#649FF0

#F064E5

#F0B564

#64F06F

Color Blindness Simulation

Original

#649FF0

Protanopia

#7E7EDC

Deuteranopia

#7A76D8

Tritanopia

#67CDCA

Achromatopsia

#989898

CSS Usage

background-color: #649FF0;
color: #649FF0;
border-color: #649FF0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EBFA
200
#BED7F9
300
#8FBAF4
400
#5394EE
500
#166FE9
600
#1259BA
700
#0E4795
800
#0B3874
900
#0D2B54
950
#081B35

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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