#646F6B

#646F6B

Color Values

HEX

#646F6B

RGB

100, 111, 107

HSL

158.2, 5.2%, 41.4%

HSV

158.2, 9.9%, 43.5%

CMYK

9.9%, 0.0%, 3.6%, 56.5%

OKLCH

0.5311 0.0147 171.9

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#646F6B

#6F6468

Analogous

#646F66

#646E6F

#646F6B

Triadic

#646F6B

#6B646F

#6F6B64

Split Complementary

#646F6B

#6F646E

#6F6664

Tetradic

#646F6B

#66646F

#6F6468

#6E6F64

Color Blindness Simulation

Original

#646F6B

Protanopia

#69696C

Deuteranopia

#68676C

Tritanopia

#656D6D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDC
300
#BFC5C3
400
#9CA6A2
500
#798681
600
#616B67
700
#4D5653
800
#3C4341
900
#2E3331
950
#1D201F

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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