#837C46

#837C46

Color Values

HEX

#837C46

RGB

131, 124, 70

HSL

53.1, 30.3%, 39.4%

HSV

53.1, 46.6%, 51.4%

CMYK

0.0%, 5.3%, 46.6%, 48.6%

OKLCH

0.5798 0.0746 101.9

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#837C46

#464D83

Analogous

#835D46

#6B8346

#837C46

Triadic

#837C46

#46837C

#7C4683

Split Complementary

#837C46

#466B83

#5D4683

Tetradic

#837C46

#46835D

#464D83

#83466B

Color Blindness Simulation

Original

#837C46

Protanopia

#808053

Deuteranopia

#808156

Tritanopia

#835D60

Achromatopsia

#7A7A7A

CSS Usage

background-color: #837C46;
color: #837C46;
border-color: #837C46;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F5
100
#F2F1E9
200
#E6E4D0
300
#D4D0AF
400
#BDB784
500
#A69D59
600
#857E47
700
#6A6539
800
#534F2C
900
#3E3B23
950
#272516

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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