#8B7166

#8B7166

Color Values

HEX

#8B7166

RGB

139, 113, 102

HSL

17.8, 15.4%, 47.3%

HSV

17.8, 26.6%, 54.5%

CMYK

0.0%, 18.7%, 26.6%, 45.5%

OKLCH

0.5705 0.037 44.2

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#8B7166

#66808B

Analogous

#8B666E

#8B8466

#8B7166

Triadic

#8B7166

#668B71

#71668B

Split Complementary

#8B7166

#668B84

#666E8B

Tetradic

#8B7166

#6E8B66

#66808B

#84668B

Color Blindness Simulation

Original

#8B7166

Protanopia

#808069

Deuteranopia

#818369

Tritanopia

#8A6B6B

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E1D9D6
300
#CBBEB8
400
#AF9B92
500
#93786C
600
#766056
700
#5E4C45
800
#4A3C36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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