#6C6957

#6C6957

Color Values

HEX

#6C6957

RGB

108, 105, 87

HSL

51.4, 10.8%, 38.2%

HSV

51.4, 19.4%, 42.4%

CMYK

0.0%, 2.8%, 19.4%, 57.6%

OKLCH

0.5182 0.0275 99.5

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#6C6957

#575A6C

Analogous

#6C5E57

#646C57

#6C6957

Triadic

#6C6957

#576C69

#69576C

Split Complementary

#6C6957

#57646C

#5E576C

Tetradic

#6C6957

#576C5E

#575A6C

#6C5764

Color Blindness Simulation

Original

#6C6957

Protanopia

#6B6B5B

Deuteranopia

#6B6B5C

Tritanopia

#6C5F60

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDED7
300
#C8C7BB
400
#ABA896
500
#8D8972
600
#716E5B
700
#5A5849
800
#474539
900
#35342C
950
#22211C

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026