#86775C

#86775C

Color Values

HEX

#86775C

RGB

134, 119, 92

HSL

38.6, 18.6%, 44.3%

HSV

38.6, 31.3%, 52.5%

CMYK

0.0%, 11.2%, 31.3%, 47.5%

OKLCH

0.5758 0.0434 82.1

Properties

Warm Light Nearest: Shadow

Color Harmonies

Complementary

#86775C

#5C6B86

Analogous

#86625C

#80865C

#86775C

Triadic

#86775C

#5C8677

#775C86

Split Complementary

#86775C

#5C8086

#625C86

Tetradic

#86775C

#5C8662

#5C6B86

#865C80

Color Blindness Simulation

Original

#86775C

Protanopia

#807F63

Deuteranopia

#808264

Tritanopia

#856869

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DDD5
300
#CDC5B6
400
#B2A68F
500
#978668
600
#796B53
700
#615642
800
#4C4334
900
#393328
950
#242019

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass 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