#648FBB

#648FBB

Color Values

HEX

#648FBB

RGB

100, 143, 187

HSL

210.3, 39.0%, 56.3%

HSV

210.3, 46.5%, 73.3%

CMYK

46.5%, 23.5%, 0.0%, 26.7%

OKLCH

0.6363 0.0817 249.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#648FBB

#BB9064

Analogous

#64BBBB

#6564BB

#648FBB

Triadic

#648FBB

#BB648F

#8FBB64

Split Complementary

#648FBB

#BB6564

#BBBB64

Tetradic

#648FBB

#BB64BB

#BB9064

#64BB65

Color Blindness Simulation

Original

#648FBB

Protanopia

#7777B0

Deuteranopia

#7471AE

Tritanopia

#66A8A6

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBE9
300
#AAC2DA
400
#7CA0C5
500
#4E7FB1
600
#3E668E
700
#325171
800
#274059
900
#1F3041
950
#141E29

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

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