#666164

#666164

Color Values

HEX

#666164

RGB

102, 97, 100

HSL

324.0, 2.5%, 39.0%

HSV

324.0, 4.9%, 40.0%

CMYK

0.0%, 4.9%, 2.0%, 60.0%

OKLCH

0.4982 0.0078 340.6

Properties

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

Color Harmonies

Complementary

#666164

#616663

Analogous

#656166

#666161

#666164

Triadic

#666164

#646661

#616466

Split Complementary

#666164

#616661

#616665

Tetradic

#666164

#666561

#616663

#616166

Color Blindness Simulation

Original

#666164

Protanopia

#646463

Deuteranopia

#646463

Tritanopia

#666363

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADB
300
#C3C0C2
400
#A39EA1
500
#837C80
600
#696367
700
#545052
800
#413E40
900
#322F31
950
#1F1E1F

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026