#8D5544

#8D5544

Color Values

HEX

#8D5544

RGB

141, 85, 68

HSL

14.0, 34.9%, 41.0%

HSV

14.0, 51.8%, 55.3%

CMYK

0.0%, 39.7%, 51.8%, 44.7%

OKLCH

0.5091 0.0796 37.7

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#8D5544

#447C8D

Analogous

#8D4458

#8D7A44

#8D5544

Triadic

#8D5544

#448D55

#55448D

Split Complementary

#8D5544

#448D7A

#44588D

Tetradic

#8D5544

#588D44

#447C8D

#7A448D

Color Blindness Simulation

Original

#8D5544

Protanopia

#757448

Deuteranopia

#787C49

Tritanopia

#8A4B4C

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E8D5CF
300
#D7B6AC
400
#C28F80
500
#AC6853
600
#8A5342
700
#6E4235
800
#56342A
900
#402821
950
#281915

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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