#66686C

#66686C

Color Values

HEX

#66686C

RGB

102, 104, 108

HSL

220.0, 2.9%, 41.2%

HSV

220.0, 5.6%, 42.4%

CMYK

5.6%, 3.7%, 0.0%, 57.6%

OKLCH

0.5169 0.0067 264.5

Properties

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

Color Harmonies

Complementary

#66686C

#6C6A66

Analogous

#666B6C

#67666C

#66686C

Triadic

#66686C

#6C6668

#686C66

Split Complementary

#66686C

#6C6766

#6B6C66

Tetradic

#66686C

#6C666B

#6C6A66

#666C67

Color Blindness Simulation

Original

#66686C

Protanopia

#67676B

Deuteranopia

#67676B

Tritanopia

#666A6A

Achromatopsia

#686868

CSS Usage

background-color: #66686C;
color: #66686C;
border-color: #66686C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDC
300
#C0C1C4
400
#9EA0A3
500
#7C7E83
600
#636569
700
#4F5154
800
#3E3F42
900
#2F3032
950
#1E1E1F

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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