#666368

#666368

Color Values

HEX

#666368

RGB

102, 99, 104

HSL

276.0, 2.5%, 39.8%

HSV

276.0, 4.8%, 40.8%

CMYK

1.9%, 4.8%, 0.0%, 59.2%

OKLCH

0.5041 0.0086 312.2

Properties

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

Color Harmonies

Complementary

#666368

#656863

Analogous

#636368

#686368

#666368

Triadic

#666368

#686663

#636866

Split Complementary

#666368

#686863

#636863

Tetradic

#666368

#686363

#656863

#636868

Color Blindness Simulation

Original

#666368

Protanopia

#656567

Deuteranopia

#656566

Tritanopia

#666666

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DBDADC
300
#C2C0C3
400
#A19EA3
500
#807C83
600
#676369
700
#525054
800
#403E41
900
#312F32
950
#1F1E1F

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026