#876226

#876226

Color Values

HEX

#876226

RGB

135, 98, 38

HSL

37.1, 56.1%, 33.9%

HSV

37.1, 71.9%, 52.9%

CMYK

0.0%, 27.4%, 71.9%, 47.1%

OKLCH

0.5228 0.0898 76.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#876226

#264B87

Analogous

#873126

#7B8726

#876226

Triadic

#876226

#268762

#622687

Split Complementary

#876226

#267B87

#312687

Tetradic

#876226

#268731

#264B87

#87267B

Color Blindness Simulation

Original

#876226

Protanopia

#777735

Deuteranopia

#797C38

Tritanopia

#854042

Achromatopsia

#666666

CSS Usage

background-color: #876226;
color: #876226;
border-color: #876226;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF8F4
100
#F6EFE5
200
#EFE0C7
300
#E4CA9F
400
#D6AD6C
500
#C79038
600
#9F742D
700
#7F5C24
800
#64481C
900
#493618
950
#2E220F

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026