#8C7966

#8C7966

Color Values

HEX

#8C7966

RGB

140, 121, 102

HSL

30.0, 15.7%, 47.5%

HSV

30.0, 27.1%, 54.9%

CMYK

0.0%, 13.6%, 27.1%, 45.1%

OKLCH

0.5885 0.0366 67.0

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#8C7966

#66798C

Analogous

#8C6666

#8C8C66

#8C7966

Triadic

#8C7966

#668C79

#79668C

Split Complementary

#8C7966

#668C8C

#66668C

Tetradic

#8C7966

#668C66

#66798C

#8C668C

Color Blindness Simulation

Original

#8C7966

Protanopia

#84846B

Deuteranopia

#85866C

Tritanopia

#8B6E6F

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DBD6
300
#CBC2B8
400
#AFA192
500
#94806B
600
#766656
700
#5E5245
800
#4A4036
900
#37302A
950
#231F1A

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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