#648FAC

#648FAC

Color Values

HEX

#648FAC

RGB

100, 143, 172

HSL

204.2, 30.3%, 53.3%

HSV

204.2, 41.9%, 67.5%

CMYK

41.9%, 16.9%, 0.0%, 32.5%

OKLCH

0.6298 0.0643 238.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#648FAC

#AC8164

Analogous

#64ACA5

#646BAC

#648FAC

Triadic

#648FAC

#AC648F

#8FAC64

Split Complementary

#648FAC

#AC646B

#ACA564

Tetradic

#648FAC

#A564AC

#AC8164

#6BAC64

Color Blindness Simulation

Original

#648FAC

Protanopia

#7777A5

Deuteranopia

#7471A3

Tritanopia

#669F9E

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DDE6
300
#AFC5D4
400
#84A6BD
500
#5987A6
600
#476C85
700
#39566A
800
#2C4353
900
#23333E
950
#162027

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026