#8C684D

#8C684D

Color Values

HEX

#8C684D

RGB

140, 104, 77

HSL

25.7, 29.0%, 42.5%

HSV

25.7, 45.0%, 54.9%

CMYK

0.0%, 25.7%, 45.0%, 45.1%

OKLCH

0.5471 0.0609 57.9

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#8C684D

#4D718C

Analogous

#8C4D51

#8C874D

#8C684D

Triadic

#8C684D

#4D8C68

#684D8C

Split Complementary

#8C684D

#4D8C87

#4D518C

Tetradic

#8C684D

#518C4D

#4D718C

#874D8C

Color Blindness Simulation

Original

#8C684D

Protanopia

#7C7C54

Deuteranopia

#7E8155

Tritanopia

#8A595A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DAD1
300
#D4BFB0
400
#BC9D85
500
#A47A5B
600
#846248
700
#694E3A
800
#523D2D
900
#3D2F24
950
#271D17

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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