#8C4437

#8C4437

Color Values

HEX

#8C4437

RGB

140, 68, 55

HSL

9.2, 43.6%, 38.2%

HSV

9.2, 60.7%, 54.9%

CMYK

0.0%, 51.4%, 60.7%, 45.1%

OKLCH

0.4751 0.1009 31.7

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#8C4437

#377F8C

Analogous

#8C3754

#8C6E37

#8C4437

Triadic

#8C4437

#378C44

#44378C

Split Complementary

#8C4437

#378C6E

#37548C

Tetradic

#8C4437

#548C37

#377F8C

#6E378C

Color Blindness Simulation

Original

#8C4437

Protanopia

#6D6C3A

Deuteranopia

#71763B

Tritanopia

#883D3D

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E9E7
200
#EBD1CC
300
#DCAFA7
400
#CA8478
500
#B75948
600
#92473A
700
#75392E
800
#5C2C24
900
#43231D
950
#2B1613

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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