#856547

#856547

Color Values

HEX

#856547

RGB

133, 101, 71

HSL

29.0, 30.4%, 40.0%

HSV

29.0, 46.6%, 52.2%

CMYK

0.0%, 24.1%, 46.6%, 47.8%

OKLCH

0.5316 0.06 64.1

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#856547

#476785

Analogous

#854748

#858447

#856547

Triadic

#856547

#478565

#654785

Split Complementary

#856547

#478584

#474885

Tetradic

#856547

#488547

#476785

#844785

Color Blindness Simulation

Original

#856547

Protanopia

#77774E

Deuteranopia

#797B50

Tritanopia

#835455

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD0
300
#D4C1AF
400
#BDA084
500
#A67E59
600
#856547
700
#6A5139
800
#533F2C
900
#3E3023
950
#271E16

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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