#666158

#666158

Color Values

HEX

#666158

RGB

102, 97, 88

HSL

38.6, 7.4%, 37.3%

HSV

38.6, 13.7%, 40.0%

CMYK

0.0%, 4.9%, 13.7%, 60.0%

OKLCH

0.4944 0.0154 82.4

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#666158

#585D66

Analogous

#665A58

#646658

#666158

Triadic

#666158

#586661

#615866

Split Complementary

#666158

#586466

#5A5866

Tetradic

#666158

#58665A

#585D66

#665864

Color Blindness Simulation

Original

#666158

Protanopia

#64645A

Deuteranopia

#64645B

Tritanopia

#665C5C

Achromatopsia

#616161

CSS Usage

background-color: #666158;
color: #666158;
border-color: #666158;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDCD9
300
#C6C3BD
400
#A8A39A
500
#898276
600
#6E685E
700
#58534C
800
#44413B
900
#34312D
950
#211F1D

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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