#648BBA

#648BBA

Color Values

HEX

#648BBA

RGB

100, 139, 186

HSL

212.8, 38.4%, 56.1%

HSV

212.8, 46.2%, 72.9%

CMYK

46.2%, 25.3%, 0.0%, 27.1%

OKLCH

0.6269 0.0837 253.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#648BBA

#BA9364

Analogous

#64B6BA

#6864BA

#648BBA

Triadic

#648BBA

#BA648B

#8BBA64

Split Complementary

#648BBA

#BA6864

#B6BA64

Tetradic

#648BBA

#BA64B6

#BA9364

#64BA68

Color Blindness Simulation

Original

#648BBA

Protanopia

#7575AF

Deuteranopia

#7370AC

Tritanopia

#66A6A4

Achromatopsia

#868686

CSS Usage

background-color: #648BBA;
color: #648BBA;
border-color: #648BBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#AAC0D9
400
#7C9DC5
500
#4F7BB0
600
#3F628D
700
#324F71
800
#273D58
900
#202F41
950
#141E29

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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