#877344

#877344

Color Values

HEX

#877344

RGB

135, 115, 68

HSL

42.1, 33.0%, 39.8%

HSV

42.1, 49.6%, 52.9%

CMYK

0.0%, 14.8%, 49.6%, 47.1%

OKLCH

0.5633 0.0695 87.1

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#877344

#445887

Analogous

#875244

#798744

#877344

Triadic

#877344

#448773

#734487

Split Complementary

#877344

#447987

#524487

Tetradic

#877344

#448752

#445887

#874479

Color Blindness Simulation

Original

#877344

Protanopia

#7E7E4F

Deuteranopia

#808152

Tritanopia

#86585A

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7E0D0
300
#D6CAAE
400
#C0AD82
500
#AA9055
600
#887444
700
#6D5C37
800
#55482B
900
#3F3622
950
#282216

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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