#856136

#856136

Color Values

HEX

#856136

RGB

133, 97, 54

HSL

32.7, 42.2%, 36.7%

HSV

32.7, 59.4%, 52.2%

CMYK

0.0%, 27.1%, 59.4%, 47.8%

OKLCH

0.5203 0.0754 69.8

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#856136

#365A85

Analogous

#853A36

#828536

#856136

Triadic

#856136

#368561

#613685

Split Complementary

#856136

#368285

#3A3685

Tetradic

#856136

#36853A

#365A85

#853682

Color Blindness Simulation

Original

#856136

Protanopia

#757540

Deuteranopia

#787A43

Tritanopia

#83494A

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADDCC
300
#DCC4A8
400
#C8A479
500
#B5844A
600
#916A3B
700
#74552F
800
#5B4225
900
#43321E
950
#2A2013

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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