#666557

#666557

Color Values

HEX

#666557

RGB

102, 101, 87

HSL

56.0, 7.9%, 37.1%

HSV

56.0, 14.7%, 40.0%

CMYK

0.0%, 1.0%, 14.7%, 60.0%

OKLCH

0.5034 0.0215 103.8

Properties

Warm Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#666557

#575866

Analogous

#665E57

#606657

#666557

Triadic

#666557

#576665

#655766

Split Complementary

#666557

#576066

#5E5766

Tetradic

#666557

#57665E

#575866

#665760

Color Blindness Simulation

Original

#666557

Protanopia

#66665A

Deuteranopia

#66665B

Tritanopia

#665D5E

Achromatopsia

#646464

CSS Usage

background-color: #666557;
color: #666557;
border-color: #666557;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED8
300
#C7C6BD
400
#A8A799
500
#8A8875
600
#6E6D5E
700
#58574B
800
#45443B
900
#34332D
950
#21201C

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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