#649ADF

#649ADF

Color Values

HEX

#649ADF

RGB

100, 154, 223

HSL

213.7, 65.8%, 63.3%

HSV

213.7, 55.2%, 87.5%

CMYK

55.2%, 30.9%, 0.0%, 12.5%

OKLCH

0.6779 0.1179 255.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#649ADF

#DFA964

Analogous

#64D7DF

#6B64DF

#649ADF

Triadic

#649ADF

#DF649A

#9ADF64

Split Complementary

#649ADF

#DF6B64

#D7DF64

Tetradic

#649ADF

#DF64D7

#DFA964

#64DF6B

Color Blindness Simulation

Original

#649ADF

Protanopia

#7B7CCE

Deuteranopia

#7874CA

Tritanopia

#67C1BE

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F3
300
#9ABDEA
400
#6399DF
500
#2C75D3
600
#235EA9
700
#1C4B87
800
#163B6A
900
#142D4D
950
#0C1C31

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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