#64808C

#64808C

Color Values

HEX

#64808C

RGB

100, 128, 140

HSL

198.0, 16.7%, 47.1%

HSV

198.0, 28.6%, 54.9%

CMYK

28.6%, 8.6%, 0.0%, 45.1%

OKLCH

0.5824 0.037 225.9

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#64808C

#8C7064

Analogous

#648C84

#646C8C

#64808C

Triadic

#64808C

#8C6480

#808C64

Split Complementary

#64808C

#8C646C

#8C8464

Tetradic

#64808C

#84648C

#8C7064

#6C8C64

Color Blindness Simulation

Original

#64808C

Protanopia

#707089

Deuteranopia

#6E6C88

Tritanopia

#658786

Achromatopsia

#7B7B7B

CSS Usage

background-color: #64808C;
color: #64808C;
border-color: #64808C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B8C6CC
400
#91A7B0
500
#6A8895
600
#556D77
700
#44575F
800
#35444A
900
#293338
950
#1A2023

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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