#856640

#856640

Color Values

HEX

#856640

RGB

133, 102, 64

HSL

33.0, 35.0%, 38.6%

HSV

33.0, 51.9%, 52.2%

CMYK

0.0%, 23.3%, 51.9%, 47.8%

OKLCH

0.5324 0.0668 71.2

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#856640

#405F85

Analogous

#854340

#818540

#856640

Triadic

#856640

#408566

#664085

Split Complementary

#856640

#408185

#434085

Tetradic

#856640

#408543

#405F85

#854081

Color Blindness Simulation

Original

#856640

Protanopia

#787749

Deuteranopia

#797C4B

Tritanopia

#835052

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DDCF
300
#D7C4AC
400
#C2A480
500
#AC8453
600
#8A6A42
700
#6E5435
800
#564229
900
#403221
950
#282015

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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