#836448

#836448

Color Values

HEX

#836448

RGB

131, 100, 72

HSL

28.5, 29.1%, 39.8%

HSV

28.5, 45.0%, 51.4%

CMYK

0.0%, 23.7%, 45.0%, 48.6%

OKLCH

0.5275 0.0573 63.2

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#836448

#486783

Analogous

#834849

#838248

#836448

Triadic

#836448

#488364

#644883

Split Complementary

#836448

#488382

#484983

Tetradic

#836448

#498348

#486783

#824883

Color Blindness Simulation

Original

#836448

Protanopia

#76754F

Deuteranopia

#777A50

Tritanopia

#815455

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD1
300
#D4C1B0
400
#BC9F85
500
#A57E5A
600
#846548
700
#69503A
800
#523F2D
900
#3D3024
950
#271E17

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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