#8C5F3F

#8C5F3F

Color Values

HEX

#8C5F3F

RGB

140, 95, 63

HSL

24.9, 37.9%, 39.8%

HSV

24.9, 55.0%, 54.9%

CMYK

0.0%, 32.1%, 55.0%, 45.1%

OKLCH

0.5262 0.0748 55.7

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#8C5F3F

#3F6C8C

Analogous

#8C3F46

#8C853F

#8C5F3F

Triadic

#8C5F3F

#3F8C5F

#5F3F8C

Split Complementary

#8C5F3F

#3F8C85

#3F468C

Tetradic

#8C5F3F

#468C3F

#3F6C8C

#853F8C

Color Blindness Simulation

Original

#8C5F3F

Protanopia

#797847

Deuteranopia

#7B7E49

Tritanopia

#8A4D4E

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D9CE
300
#D9BEAB
400
#C49B7D
500
#B0774F
600
#8D5F3F
700
#714C33
800
#583C28
900
#412E20
950
#291D14

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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