#836246

#836246

Color Values

HEX

#836246

RGB

131, 98, 70

HSL

27.5, 30.3%, 39.4%

HSV

27.5, 46.6%, 51.4%

CMYK

0.0%, 25.2%, 46.6%, 48.6%

OKLCH

0.5229 0.0593 61.3

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#836246

#466783

Analogous

#834649

#838046

#836246

Triadic

#836246

#468362

#624683

Split Complementary

#836246

#468380

#464983

Tetradic

#836246

#498346

#466783

#804683

Color Blindness Simulation

Original

#836246

Protanopia

#75744D

Deuteranopia

#77794E

Tritanopia

#815253

Achromatopsia

#676767

CSS Usage

background-color: #836246;
color: #836246;
border-color: #836246;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DAD0
300
#D4C0AF
400
#BD9E84
500
#A67C59
600
#856347
700
#6A5039
800
#533E2C
900
#3E2F23
950
#271E16

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