#646F70

#646F70

Color Values

HEX

#646F70

RGB

100, 111, 112

HSL

185.0, 5.7%, 41.6%

HSV

185.0, 10.7%, 43.9%

CMYK

10.7%, 0.9%, 0.0%, 56.1%

OKLCH

0.5328 0.0134 203.4

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#646F70

#706564

Analogous

#64706B

#646970

#646F70

Triadic

#646F70

#70646F

#6F7064

Split Complementary

#646F70

#706469

#706B64

Tetradic

#646F70

#6B6470

#706564

#697064

Color Blindness Simulation

Original

#646F70

Protanopia

#696970

Deuteranopia

#686770

Tritanopia

#657070

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDD
300
#BEC5C5
400
#9BA5A6
500
#788687
600
#606B6C
700
#4D5556
800
#3C4343
900
#2E3333
950
#1D2020

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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