#877B64

#877B64

Color Values

HEX

#877B64

RGB

135, 123, 100

HSL

39.4, 14.9%, 46.1%

HSV

39.4, 25.9%, 52.9%

CMYK

0.0%, 8.9%, 25.9%, 47.1%

OKLCH

0.5874 0.0366 83.6

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#877B64

#647087

Analogous

#876A64

#828764

#877B64

Triadic

#877B64

#64877B

#7B6487

Split Complementary

#877B64

#648287

#6A6487

Tetradic

#877B64

#64876A

#647087

#876482

Color Blindness Simulation

Original

#877B64

Protanopia

#82826A

Deuteranopia

#82836B

Tritanopia

#866E6F

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E1DDD6
300
#CBC5B9
400
#AFA593
500
#92856D
600
#756B57
700
#5E5545
800
#494336
900
#37322A
950
#23201A

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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