#8D6533

#8D6533

Color Values

HEX

#8D6533

RGB

141, 101, 51

HSL

33.3, 46.9%, 37.6%

HSV

33.3, 63.8%, 55.3%

CMYK

0.0%, 28.4%, 63.8%, 44.7%

OKLCH

0.5377 0.0842 70.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8D6533

#335B8D

Analogous

#8D3833

#888D33

#8D6533

Triadic

#8D6533

#338D65

#65338D

Split Complementary

#8D6533

#33888D

#38338D

Tetradic

#8D6533

#338D38

#335B8D

#8D3388

Color Blindness Simulation

Original

#8D6533

Protanopia

#7C7B3F

Deuteranopia

#7E8142

Tritanopia

#8B494B

Achromatopsia

#6A6A6A

CSS Usage

background-color: #8D6533;
color: #8D6533;
border-color: #8D6533;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDDCB
300
#DFC5A5
400
#CDA674
500
#BB8644
600
#966B36
700
#78562B
800
#5E4322
900
#45331C
950
#2C2012

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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