#836133

#836133

Color Values

HEX

#836133

RGB

131, 97, 51

HSL

34.5, 44.0%, 35.7%

HSV

34.5, 61.1%, 51.4%

CMYK

0.0%, 26.0%, 61.1%, 48.6%

OKLCH

0.5175 0.0766 73.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#836133

#335583

Analogous

#833933

#7D8333

#836133

Triadic

#836133

#338361

#613383

Split Complementary

#836133

#337D83

#393383

Tetradic

#836133

#338339

#335583

#83337D

Color Blindness Simulation

Original

#836133

Protanopia

#74743E

Deuteranopia

#767941

Tritanopia

#814749

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDECC
300
#DDC6A7
400
#CAA777
500
#B88847
600
#936D39
700
#76572E
800
#5C4424
900
#44331D
950
#2B2012

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026