#856D61

#856D61

Color Values

HEX

#856D61

RGB

133, 109, 97

HSL

20.0, 15.7%, 45.1%

HSV

20.0, 27.1%, 52.2%

CMYK

0.0%, 18.0%, 27.1%, 47.8%

OKLCH

0.5545 0.0356 48.1

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#856D61

#617985

Analogous

#856167

#857F61

#856D61

Triadic

#856D61

#61856D

#6D6185

Split Complementary

#856D61

#61857F

#616785

Tetradic

#856D61

#678561

#617985

#7F6185

Color Blindness Simulation

Original

#856D61

Protanopia

#7B7A64

Deuteranopia

#7C7E65

Tritanopia

#846667

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D9D6
300
#CBBFB8
400
#AF9C92
500
#94796B
600
#766156
700
#5E4D45
800
#4A3C36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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