#646F69

#646F69

Color Values

HEX

#646F69

RGB

100, 111, 105

HSL

147.3, 5.2%, 41.4%

HSV

147.3, 9.9%, 43.5%

CMYK

9.9%, 0.0%, 5.4%, 56.5%

OKLCH

0.5305 0.0162 162.1

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#646F69

#6F646A

Analogous

#656F64

#646F6F

#646F69

Triadic

#646F69

#69646F

#6F6964

Split Complementary

#646F69

#6F646F

#6F6465

Tetradic

#646F69

#64656F

#6F646A

#6F6F64

Color Blindness Simulation

Original

#646F69

Protanopia

#69696A

Deuteranopia

#68676B

Tritanopia

#656C6C

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDB
300
#BFC5C2
400
#9CA6A0
500
#79867F
600
#616B66
700
#4D5651
800
#3C433F
900
#2E3330
950
#1D201E

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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