#646D70

#646D70

Color Values

HEX

#646D70

RGB

100, 109, 112

HSL

195.0, 5.7%, 41.6%

HSV

195.0, 10.7%, 43.9%

CMYK

10.7%, 2.7%, 0.0%, 56.1%

OKLCH

0.5281 0.012 219.7

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#646D70

#706764

Analogous

#64706D

#646770

#646D70

Triadic

#646D70

#70646D

#6D7064

Split Complementary

#646D70

#706467

#706D64

Tetradic

#646D70

#6D6470

#706764

#677064

Color Blindness Simulation

Original

#646D70

Protanopia

#68686F

Deuteranopia

#67676F

Tritanopia

#646F6F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DCDD
300
#BEC4C5
400
#9BA3A6
500
#788387
600
#60696C
700
#4D5456
800
#3C4243
900
#2E3233
950
#1D1F20

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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