#836131

#836131

Color Values

HEX

#836131

RGB

131, 97, 49

HSL

35.1, 45.6%, 35.3%

HSV

35.1, 62.6%, 51.4%

CMYK

0.0%, 26.0%, 62.6%, 48.6%

OKLCH

0.5172 0.0783 74.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#836131

#315383

Analogous

#833831

#7C8331

#836131

Triadic

#836131

#318361

#613183

Split Complementary

#836131

#317C83

#383183

Tetradic

#836131

#318338

#315383

#83317C

Color Blindness Simulation

Original

#836131

Protanopia

#74743D

Deuteranopia

#76793F

Tritanopia

#814648

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECB
300
#DEC7A6
400
#CCA876
500
#BA8945
600
#956E37
700
#77582C
800
#5D4523
900
#44341D
950
#2B2112

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail 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