#856150

#856150

Color Values

HEX

#856150

RGB

133, 97, 80

HSL

19.2, 24.9%, 41.8%

HSV

19.2, 39.8%, 52.2%

CMYK

0.0%, 27.1%, 39.8%, 47.8%

OKLCH

0.5253 0.0538 46.3

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#856150

#507485

Analogous

#85505A

#857C50

#856150

Triadic

#856150

#508561

#615085

Split Complementary

#856150

#50857C

#505A85

Tetradic

#856150

#5A8550

#507485

#7C5085

Color Blindness Simulation

Original

#856150

Protanopia

#757554

Deuteranopia

#787A55

Tritanopia

#835758

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D8D2
300
#D1BCB3
400
#B89889
500
#9F7460
600
#7F5D4D
700
#664A3D
800
#503A30
900
#3B2D26
950
#251C18

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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