#837B46

#837B46

Color Values

HEX

#837B46

RGB

131, 123, 70

HSL

52.1, 30.3%, 39.4%

HSV

52.1, 46.6%, 51.4%

CMYK

0.0%, 6.1%, 46.6%, 48.6%

OKLCH

0.5775 0.0735 100.8

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#837B46

#464E83

Analogous

#835C46

#6C8346

#837B46

Triadic

#837B46

#46837B

#7B4683

Split Complementary

#837B46

#466C83

#5C4683

Tetradic

#837B46

#46835C

#464E83

#83466C

Color Blindness Simulation

Original

#837B46

Protanopia

#807F53

Deuteranopia

#808156

Tritanopia

#835D5F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E9
200
#E6E3D0
300
#D4CFAF
400
#BDB684
500
#A69C59
600
#857D47
700
#6A6439
800
#534E2C
900
#3E3A23
950
#272516

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026