#856844

#856844

Color Values

HEX

#856844

RGB

133, 104, 68

HSL

33.2, 32.3%, 39.4%

HSV

33.2, 48.9%, 52.2%

CMYK

0.0%, 21.8%, 48.9%, 47.8%

OKLCH

0.5374 0.0632 71.8

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#856844

#446185

Analogous

#854744

#818544

#856844

Triadic

#856844

#448568

#684485

Split Complementary

#856844

#448185

#474485

Tetradic

#856844

#448547

#446185

#854481

Color Blindness Simulation

Original

#856844

Protanopia

#78784D

Deuteranopia

#7A7C4F

Tritanopia

#845455

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E7DDD0
300
#D6C4AE
400
#BFA482
500
#A98456
600
#876A45
700
#6C5437
800
#54422B
900
#3F3222
950
#272016

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026