#866D74

#866D74

Color Values

HEX

#866D74

RGB

134, 109, 116

HSL

343.2, 10.3%, 47.6%

HSV

343.2, 18.7%, 52.5%

CMYK

0.0%, 18.7%, 13.4%, 47.5%

OKLCH

0.5611 0.0331 359.6

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#866D74

#6D867F

Analogous

#866D80

#86726D

#866D74

Triadic

#866D74

#74866D

#6D7486

Split Complementary

#866D74

#6D8672

#6D8086

Tetradic

#866D74

#80866D

#6D867F

#726D86

Color Blindness Simulation

Original

#866D74

Protanopia

#7B7B72

Deuteranopia

#7D7E72

Tritanopia

#857171

Achromatopsia

#737373

CSS Usage

background-color: #866D74;
color: #866D74;
border-color: #866D74;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8DA
300
#C8BBBF
400
#AA979C
500
#8D727A
600
#715B61
700
#5A494E
800
#46393D
900
#352C2E
950
#211C1D

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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