#856D55

#856D55

Color Values

HEX

#856D55

RGB

133, 109, 85

HSL

30.0, 22.0%, 42.7%

HSV

30.0, 36.1%, 52.2%

CMYK

0.0%, 18.0%, 36.1%, 47.8%

OKLCH

0.5516 0.0466 66.6

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#856D55

#556D85

Analogous

#855555

#858555

#856D55

Triadic

#856D55

#55856D

#6D5585

Split Complementary

#856D55

#558585

#555585

Tetradic

#856D55

#558555

#556D85

#855585

Color Blindness Simulation

Original

#856D55

Protanopia

#7B7A5B

Deuteranopia

#7C7E5C

Tritanopia

#845F60

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E3DBD3
300
#CFC2B4
400
#B5A18C
500
#9C8063
600
#7C6650
700
#645240
800
#4E4032
900
#3A3027
950
#251F19

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026