#877666

#877666

Color Values

HEX

#877666

RGB

135, 118, 102

HSL

29.1, 13.9%, 46.5%

HSV

29.1, 24.4%, 52.9%

CMYK

0.0%, 12.6%, 24.4%, 47.1%

OKLCH

0.5771 0.0318 65.4

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#877666

#667787

Analogous

#876667

#878766

#877666

Triadic

#877666

#668776

#766687

Split Complementary

#877666

#668787

#666787

Tetradic

#877666

#678766

#667787

#876687

Color Blindness Simulation

Original

#877666

Protanopia

#807F6A

Deuteranopia

#81826B

Tritanopia

#866D6E

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DBD6
300
#CAC2B9
400
#AEA094
500
#917F6E
600
#746658
700
#5D5146
800
#493F37
900
#37302A
950
#221E1B

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026