#648BB8

#648BB8

Color Values

HEX

#648BB8

RGB

100, 139, 184

HSL

212.1, 37.2%, 55.7%

HSV

212.1, 45.7%, 72.2%

CMYK

45.7%, 24.5%, 0.0%, 27.8%

OKLCH

0.626 0.0811 252.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#648BB8

#B89164

Analogous

#64B5B8

#6764B8

#648BB8

Triadic

#648BB8

#B8648B

#8BB864

Split Complementary

#648BB8

#B86764

#B5B864

Tetradic

#648BB8

#B864B5

#B89164

#64B867

Color Blindness Simulation

Original

#648BB8

Protanopia

#7575AD

Deuteranopia

#7370AA

Tritanopia

#66A5A3

Achromatopsia

#868686

CSS Usage

background-color: #648BB8;
color: #648BB8;
border-color: #648BB8;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDAE9
300
#ABC0D9
400
#7E9EC4
500
#507CAF
600
#40638C
700
#334F70
800
#283E57
900
#202F41
950
#141E29

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

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