#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026