#856B5B

#856B5B

Color Values

HEX

#856B5B

RGB

133, 107, 91

HSL

22.9, 18.8%, 43.9%

HSV

22.9, 31.6%, 52.2%

CMYK

0.0%, 19.5%, 31.6%, 47.8%

OKLCH

0.5487 0.0411 53.2

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#856B5B

#5B7585

Analogous

#855B60

#85805B

#856B5B

Triadic

#856B5B

#5B856B

#6B5B85

Split Complementary

#856B5B

#5B8580

#5B6085

Tetradic

#856B5B

#60855B

#5B7585

#805B85

Color Blindness Simulation

Original

#856B5B

Protanopia

#7A7A5F

Deuteranopia

#7B7D60

Tritanopia

#846263

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2DAD5
300
#CDBFB6
400
#B29C8F
500
#977A68
600
#796153
700
#614E42
800
#4C3D34
900
#392F28
950
#241D19

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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