#8C4337

#8C4337

Color Values

HEX

#8C4337

RGB

140, 67, 55

HSL

8.5, 43.6%, 38.2%

HSV

8.5, 60.7%, 54.9%

CMYK

0.0%, 52.1%, 60.7%, 45.1%

OKLCH

0.4734 0.1021 30.9

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#8C4337

#37808C

Analogous

#8C3755

#8C6D37

#8C4337

Triadic

#8C4337

#378C43

#43378C

Split Complementary

#8C4337

#378C6D

#37558C

Tetradic

#8C4337

#558C37

#37808C

#6D378C

Color Blindness Simulation

Original

#8C4337

Protanopia

#6C6C3A

Deuteranopia

#71763B

Tritanopia

#883C3D

Achromatopsia

#525252

CSS Usage

background-color: #8C4337;
color: #8C4337;
border-color: #8C4337;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBD0CC
300
#DCAFA7
400
#CA8378
500
#B75848
600
#92463A
700
#75382E
800
#5C2C24
900
#43231D
950
#2B1613

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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