#646F79

#646F79

Color Values

HEX

#646F79

RGB

100, 111, 121

HSL

208.6, 9.5%, 43.3%

HSV

208.6, 17.4%, 47.5%

CMYK

17.4%, 8.3%, 0.0%, 52.5%

OKLCH

0.5359 0.0206 245.6

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#646F79

#796E64

Analogous

#647978

#646479

#646F79

Triadic

#646F79

#79646F

#6F7964

Split Complementary

#646F79

#796464

#797864

Tetradic

#646F79

#786479

#796E64

#647964

Color Blindness Simulation

Original

#646F79

Protanopia

#696977

Deuteranopia

#686776

Tritanopia

#657574

Achromatopsia

#6D6D6D

CSS Usage

background-color: #646F79;
color: #646F79;
border-color: #646F79;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC2C8
400
#98A1AA
500
#73808C
600
#5C6670
700
#4A5259
800
#3A4046
900
#2C3135
950
#1C1F21

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail 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