#837342

#837342

Color Values

HEX

#837342

RGB

131, 115, 66

HSL

45.2, 33.0%, 38.6%

HSV

45.2, 49.6%, 51.4%

CMYK

0.0%, 12.2%, 49.6%, 48.6%

OKLCH

0.5589 0.0704 91.9

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#837342

#425283

Analogous

#835242

#728342

#837342

Triadic

#837342

#428373

#734283

Split Complementary

#837342

#427283

#524283

Tetradic

#837342

#428352

#425283

#834272

Color Blindness Simulation

Original

#837342

Protanopia

#7C7C4E

Deuteranopia

#7D7E51

Tritanopia

#825759

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2F0E8
200
#E7E1D0
300
#D6CCAE
400
#C0B082
500
#AA9555
600
#887744
700
#6D5F37
800
#554A2B
900
#3F3822
950
#282316

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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