#6B5658

#6B5658

Color Values

HEX

#6B5658

RGB

107, 86, 88

HSL

354.3, 10.9%, 37.8%

HSV

354.3, 19.6%, 42.0%

CMYK

0.0%, 19.6%, 17.8%, 58.0%

OKLCH

0.475 0.0279 11.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6B5658

#566B69

Analogous

#6B5662

#6B5E56

#6B5658

Triadic

#6B5658

#586B56

#56586B

Split Complementary

#6B5658

#566B5E

#56626B

Tetradic

#6B5658

#626B56

#566B69

#5E566B

Color Blindness Simulation

Original

#6B5658

Protanopia

#626258

Deuteranopia

#636557

Tritanopia

#6A5757

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7D8
300
#C8BBBC
400
#AB9698
500
#8D7274
600
#715B5D
700
#5A494A
800
#47393A
900
#352C2D
950
#221C1C

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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