#649FFB

#649FFB

Color Values

HEX

#649FFB

RGB

100, 159, 251

HSL

216.6, 95.0%, 68.8%

HSV

216.6, 60.2%, 98.4%

CMYK

60.2%, 36.7%, 0.0%, 1.6%

OKLCH

0.7034 0.1491 259.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#649FFB

#FBC064

Analogous

#64EAFB

#7464FB

#649FFB

Triadic

#649FFB

#FB649F

#9FFB64

Split Complementary

#649FFB

#FB7464

#EAFB64

Tetradic

#649FFB

#FB64EA

#FBC064

#64FB74

Color Blindness Simulation

Original

#649FFB

Protanopia

#7E7EE5

Deuteranopia

#7A76DF

Tritanopia

#67D3CF

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#88B5FC
400
#478DFA
500
#0665F9
600
#0551C7
700
#04419F
800
#03327C
900
#07275A
950
#041939

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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