#856250

#856250

Color Values

HEX

#856250

RGB

133, 98, 80

HSL

20.4, 24.9%, 41.8%

HSV

20.4, 39.8%, 52.2%

CMYK

0.0%, 26.3%, 39.8%, 47.8%

OKLCH

0.5273 0.0533 48.4

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#856250

#507385

Analogous

#855059

#857D50

#856250

Triadic

#856250

#508562

#625085

Split Complementary

#856250

#50857D

#505985

Tetradic

#856250

#598550

#507385

#7D5085

Color Blindness Simulation

Original

#856250

Protanopia

#767654

Deuteranopia

#787A55

Tritanopia

#835859

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D8D2
300
#D1BDB3
400
#B89989
500
#9F7560
600
#7F5E4D
700
#664B3D
800
#503B30
900
#3B2D26
950
#251C18

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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