#856244

#856244

Color Values

HEX

#856244

RGB

133, 98, 68

HSL

27.7, 32.3%, 39.4%

HSV

27.7, 48.9%, 52.2%

CMYK

0.0%, 26.3%, 48.9%, 47.8%

OKLCH

0.5248 0.063 61.4

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#856244

#446785

Analogous

#854447

#858244

#856244

Triadic

#856244

#448562

#624485

Split Complementary

#856244

#448582

#444785

Tetradic

#856244

#478544

#446785

#824485

Color Blindness Simulation

Original

#856244

Protanopia

#76764B

Deuteranopia

#787A4D

Tritanopia

#835152

Achromatopsia

#676767

CSS Usage

background-color: #856244;
color: #856244;
border-color: #856244;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DAD0
300
#D6C0AE
400
#BF9E82
500
#A97C56
600
#876345
700
#6C5037
800
#543E2B
900
#3F2F22
950
#271E16

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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