#877C68

#877C68

Color Values

HEX

#877C68

RGB

135, 124, 104

HSL

38.7, 13.0%, 46.9%

HSV

38.7, 23.0%, 52.9%

CMYK

0.0%, 8.1%, 23.0%, 47.1%

OKLCH

0.5906 0.0323 82.5

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#877C68

#687387

Analogous

#876D68

#838768

#877C68

Triadic

#877C68

#68877C

#7C6887

Split Complementary

#877C68

#688387

#6D6887

Tetradic

#877C68

#68876D

#687387

#876883

Color Blindness Simulation

Original

#877C68

Protanopia

#82826D

Deuteranopia

#83846E

Tritanopia

#867172

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#E0DDD7
300
#CAC4BA
400
#ADA494
500
#90846F
600
#736A59
700
#5C5547
800
#484237
900
#36322B
950
#22201B

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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