#646866

#646866

Color Values

HEX

#646866

RGB

100, 104, 102

HSL

150.0, 2.0%, 40.0%

HSV

150.0, 3.8%, 40.8%

CMYK

3.8%, 0.0%, 1.9%, 59.2%

OKLCH

0.5131 0.0058 164.8

Properties

Cool Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#646866

#686466

Analogous

#646864

#646868

#646866

Triadic

#646866

#666468

#686664

Split Complementary

#646866

#686468

#686464

Tetradic

#646866

#646468

#686466

#686864

Color Blindness Simulation

Original

#646866

Protanopia

#666666

Deuteranopia

#666567

Tritanopia

#646767

Achromatopsia

#676767

CSS Usage

background-color: #646866;
color: #646866;
border-color: #646866;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDCDB
300
#C1C3C2
400
#9FA3A1
500
#7D8280
600
#646866
700
#505352
800
#3E4140
900
#303130
950
#1E1F1F

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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