#8F5446

#8F5446

Color Values

HEX

#8F5446

RGB

143, 84, 70

HSL

11.5, 34.3%, 41.8%

HSV

11.5, 51.0%, 56.1%

CMYK

0.0%, 41.3%, 51.0%, 43.9%

OKLCH

0.5103 0.0823 34.2

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#8F5446

#46818F

Analogous

#8F465D

#8F7946

#8F5446

Triadic

#8F5446

#468F54

#54468F

Split Complementary

#8F5446

#468F79

#465D8F

Tetradic

#8F5446

#5D8F46

#46818F

#79468F

Color Blindness Simulation

Original

#8F5446

Protanopia

#757549

Deuteranopia

#797D4A

Tritanopia

#8C4C4D

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E8D4CF
300
#D7B5AD
400
#C18D80
500
#AB6554
600
#895043
700
#6E4036
800
#56322A
900
#3F2721
950
#281915

Contrast Checker

Text on white

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