#8D6447

#8D6447

Color Values

HEX

#8D6447

RGB

141, 100, 71

HSL

24.9, 33.0%, 41.6%

HSV

24.9, 49.6%, 55.3%

CMYK

0.0%, 29.1%, 49.6%, 44.7%

OKLCH

0.5389 0.0679 56.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#8D6447

#47708D

Analogous

#8D474D

#8D8747

#8D6447

Triadic

#8D6447

#478D64

#64478D

Split Complementary

#8D6447

#478D87

#474D8D

Tetradic

#8D6447

#4D8D47

#47708D

#87478D

Color Blindness Simulation

Original

#8D6447

Protanopia

#7B7B4E

Deuteranopia

#7E8150

Tritanopia

#8B5455

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D6BEAE
400
#C09B82
500
#AA7855
600
#886044
700
#6D4D37
800
#553C2B
900
#3F2E22
950
#281D16

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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