#87674F

#87674F

Color Values

HEX

#87674F

RGB

135, 103, 79

HSL

25.7, 26.2%, 42.0%

HSV

25.7, 41.5%, 52.9%

CMYK

0.0%, 23.7%, 41.5%, 47.1%

OKLCH

0.5397 0.0544 58.2

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#87674F

#4F6F87

Analogous

#874F53

#87834F

#87674F

Triadic

#87674F

#4F8767

#674F87

Split Complementary

#87674F

#4F8783

#4F5387

Tetradic

#87674F

#53874F

#4F6F87

#834F87

Color Blindness Simulation

Original

#87674F

Protanopia

#797955

Deuteranopia

#7B7D56

Tritanopia

#85595A

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DAD2
300
#D2C0B2
400
#B99D88
500
#A17B5E
600
#81624B
700
#674F3C
800
#503D2F
900
#3C2F25
950
#261E17

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail 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