#856B48

#856B48

Color Values

HEX

#856B48

RGB

133, 107, 72

HSL

34.4, 29.8%, 40.2%

HSV

34.4, 45.9%, 52.2%

CMYK

0.0%, 19.5%, 45.9%, 47.8%

OKLCH

0.5446 0.0599 74.3

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#856B48

#486285

Analogous

#854C48

#818548

#856B48

Triadic

#856B48

#48856B

#6B4885

Split Complementary

#856B48

#488185

#4C4885

Tetradic

#856B48

#48854C

#486285

#854881

Color Blindness Simulation

Original

#856B48

Protanopia

#7A7A50

Deuteranopia

#7B7D52

Tritanopia

#845759

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE9
200
#E6DDD1
300
#D4C4B0
400
#BDA585
500
#A5855A
600
#846A48
700
#6A5539
800
#53432D
900
#3D3223
950
#272016

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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