#8C3418

#8C3418

Color Values

HEX

#8C3418

RGB

140, 52, 24

HSL

14.5, 70.7%, 32.2%

HSV

14.5, 82.9%, 54.9%

CMYK

0.0%, 62.9%, 82.9%, 45.1%

OKLCH

0.4463 0.1265 37.5

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#8C3418

#18708C

Analogous

#8C1836

#8C6E18

#8C3418

Triadic

#8C3418

#188C34

#34188C

Split Complementary

#8C3418

#188C6E

#18368C

Tetradic

#8C3418

#368C18

#18708C

#6E188C

Color Blindness Simulation

Original

#8C3418

Protanopia

#66651F

Deuteranopia

#6B7220

Tritanopia

#882425

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E8E2
200
#F5CEC2
300
#EDAB97
400
#E37E5E
500
#DA5125
600
#AE411E
700
#8B3418
800
#6D2813
900
#4F2112
950
#32150B

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

2.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026