#856B52

#856B52

Color Values

HEX

#856B52

RGB

133, 107, 82

HSL

29.4, 23.7%, 42.2%

HSV

29.4, 38.3%, 52.2%

CMYK

0.0%, 19.5%, 38.3%, 47.8%

OKLCH

0.5466 0.0495 65.4

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#856B52

#526C85

Analogous

#855253

#858552

#856B52

Triadic

#856B52

#52856B

#6B5285

Split Complementary

#856B52

#528585

#525385

Tetradic

#856B52

#538552

#526C85

#855285

Color Blindness Simulation

Original

#856B52

Protanopia

#7A7A58

Deuteranopia

#7B7D5A

Tritanopia

#845D5E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E4DBD3
300
#D0C2B3
400
#B7A08A
500
#9E7F61
600
#7E664E
700
#65513E
800
#4F3F31
900
#3B3026
950
#251E18

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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