#836334

#836334

Color Values

HEX

#836334

RGB

131, 99, 52

HSL

35.7, 43.2%, 35.9%

HSV

35.7, 60.3%, 51.4%

CMYK

0.0%, 24.4%, 60.3%, 48.6%

OKLCH

0.5219 0.0761 75.3

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#836334

#345483

Analogous

#833C34

#7C8334

#836334

Triadic

#836334

#348363

#633483

Split Complementary

#836334

#347C83

#3C3483

Tetradic

#836334

#34833C

#345483

#83347C

Color Blindness Simulation

Original

#836334

Protanopia

#75753F

Deuteranopia

#777942

Tritanopia

#81484A

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDECC
300
#DCC7A7
400
#C9A878
500
#B78A48
600
#926E3A
700
#75582E
800
#5B4524
900
#43341E
950
#2A2113

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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