#648EB2

#648EB2

Color Values

HEX

#648EB2

RGB

100, 142, 178

HSL

207,7, 33,6%, 54,5%

HSV

207,7, 43,8%, 69,8%

CMYK

43,8%, 20,2%, 0,0%, 30,2%

OKLCH

0,6301 0,0715 245,1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#648EB2

#B28864

Analogous

#64B2AF

#6467B2

#648EB2

Triadic

#648EB2

#B2648E

#8EB264

Split Complementary

#648EB2

#B26467

#B2AF64

Tetradic

#648EB2

#AF64B2

#B28864

#67B264

Color Blindness Simulation

Original

#648EB2

Protanopia

#7677A9

Deuteranopia

#7471A7

Tritanopia

#66A2A1

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDCE7
300
#ADC3D6
400
#81A3C0
500
#5583AA
600
#446988
700
#36546D
800
#2A4155
900
#22323F
950
#151F28

Contrast Checker

Text on white

3,47:1

AA Fail AAA Fail

Text on black

6,05: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