#8F5644

#8F5644

Color Values

HEX

#8F5644

RGB

143, 86, 68

HSL

14.4, 35.5%, 41.4%

HSV

14.4, 52.4%, 56.1%

CMYK

0.0%, 39.9%, 52.4%, 43.9%

OKLCH

0.5136 0.0812 38.3

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#8F5644

#447D8F

Analogous

#8F4458

#8F7C44

#8F5644

Triadic

#8F5644

#448F56

#56448F

Split Complementary

#8F5644

#448F7C

#44588F

Tetradic

#8F5644

#588F44

#447D8F

#7C448F

Color Blindness Simulation

Original

#8F5644

Protanopia

#767648

Deuteranopia

#7A7E49

Tritanopia

#8C4C4D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EAE8
200
#E8D5CF
300
#D8B7AC
400
#C28F7F
500
#AD6852
600
#8A5342
700
#6F4335
800
#563429
900
#402821
950
#281A15

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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