#856334

#856334

Color Values

HEX

#856334

RGB

133, 99, 52

HSL

34.8, 43.8%, 36.3%

HSV

34.8, 60.9%, 52.2%

CMYK

0.0%, 25.6%, 60.9%, 47.8%

OKLCH

0.5242 0.0774 73.6

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#856334

#345685

Analogous

#853B34

#7F8534

#856334

Triadic

#856334

#348563

#633485

Split Complementary

#856334

#347F85

#3B3485

Tetradic

#856334

#34853B

#345685

#85347F

Color Blindness Simulation

Original

#856334

Protanopia

#76763F

Deuteranopia

#787B42

Tritanopia

#83484A

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDECC
300
#DDC6A7
400
#CAA777
500
#B78848
600
#936D39
700
#75572E
800
#5C4424
900
#44341D
950
#2B2113

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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