#876342

#876342

Color Values

HEX

#876342

RGB

135, 99, 66

HSL

28.7, 34.3%, 39.4%

HSV

28.7, 51.1%, 52.9%

CMYK

0.0%, 26.7%, 51.1%, 47.1%

OKLCH

0.5288 0.0665 63.1

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#876342

#426687

Analogous

#874244

#878542

#876342

Triadic

#876342

#428763

#634287

Split Complementary

#876342

#428785

#424487

Tetradic

#876342

#448742

#426687

#854287

Color Blindness Simulation

Original

#876342

Protanopia

#77774A

Deuteranopia

#7A7C4C

Tritanopia

#855052

Achromatopsia

#686868

CSS Usage

background-color: #876342;
color: #876342;
border-color: #876342;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F2EDE8
200
#E8DBCF
300
#D7C1AD
400
#C19F80
500
#AB7E54
600
#896443
700
#6E5036
800
#563F2A
900
#3F3021
950
#281E15

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

3.89:1

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