#8C716F

#8C716F

Color Values

HEX

#8C716F

RGB

140, 113, 111

HSL

4.1, 11.6%, 49.2%

HSV

4.1, 20.7%, 54.9%

CMYK

0.0%, 19.3%, 20.7%, 45.1%

OKLCH

0.5741 0.0344 23.2

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#8C716F

#6F8A8C

Analogous

#8C6F7B

#8C7F6F

#8C716F

Triadic

#8C716F

#6F8C71

#716F8C

Split Complementary

#8C716F

#6F8C7F

#6F7B8C

Tetradic

#8C716F

#7B8C6F

#6F8A8C

#7F6F8C

Color Blindness Simulation

Original

#8C716F

Protanopia

#80806F

Deuteranopia

#828470

Tritanopia

#8B7070

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#DFD8D7
300
#C9BCBB
400
#AC9796
500
#8E7371
600
#725C5A
700
#5B4948
800
#473938
900
#362C2B
950
#221C1B

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026