#8C2F18

#8C2F18

Color Values

HEX

#8C2F18

RGB

140, 47, 24

HSL

11.9, 70.7%, 32.2%

HSV

11.9, 82.9%, 54.9%

CMYK

0.0%, 66.4%, 82.9%, 45.1%

OKLCH

0.4396 0.1312 34.9

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#8C2F18

#18758C

Analogous

#8C183B

#8C6918

#8C2F18

Triadic

#8C2F18

#188C2F

#2F188C

Split Complementary

#8C2F18

#188C69

#183B8C

Tetradic

#8C2F18

#3B8C18

#18758C

#69188C

Color Blindness Simulation

Original

#8C2F18

Protanopia

#64631E

Deuteranopia

#69701F

Tritanopia

#872223

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F5CCC2
300
#EDA897
400
#E3785E
500
#DA4925
600
#AE3A1E
700
#8B2F18
800
#6D2513
900
#4F1E12
950
#32130B

Contrast Checker

Text on white

8.28:1

AA Pass AAA Pass

Text on black

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