#836C69

#836C69

Color Values

HEX

#836C69

RGB

131, 108, 105

HSL

6.9, 11.0%, 46.3%

HSV

6.9, 19.8%, 51.4%

CMYK

0.0%, 17.6%, 19.8%, 48.6%

OKLCH

0.5525 0.0297 26.8

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#836C69

#698083

Analogous

#836973

#837969

#836C69

Triadic

#836C69

#69836C

#6C6983

Split Complementary

#836C69

#698379

#697383

Tetradic

#836C69

#738369

#698083

#796983

Color Blindness Simulation

Original

#836C69

Protanopia

#79796A

Deuteranopia

#7A7C6A

Tritanopia

#826A6A

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#DFD8D7
300
#C9BDBB
400
#AB9996
500
#8E7571
600
#715D5B
700
#5B4B49
800
#473A39
900
#352D2C
950
#221C1C

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026