colorhexa.com

#8c4c1f hex color

In a RGB color space, hex #8c4c1f is composed of 54.9% red, 29.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 77.9% yellow and 45.1% black. It has a hue angle of 24.8 degrees, a saturation of 63.7% and a lightness of 33.5%. #8c4c1f color hex could be obtained by blending #ff983e with #190000. Closest websafe color is: #993333.

- R 55
- G 30
- B 12
RGB color chart
- C 0
- M 46
- Y 78
- K 45
CMYK color chart

● #8c4c1f color description : Dark orange [Brown tone].

The hexadecimal color #8c4c1f has RGB values of R:140, G:76, B:31 and CMYK values of C:0, M:0.46, Y:0.78, K:0.45. Its decimal value is 9194527.

Hex triplet	8c4c1f	`#8c4c1f`
RGB Decimal	140, 76, 31	`rgb(140,76,31)`
RGB Percent	54.9, 29.8, 12.2	`rgb(54.9%,29.8%,12.2%)`
CMYK	0, 46, 78, 45
HSL	24.8°, 63.7, 33.5	`hsl(24.8,63.7%,33.5%)`
HSV (or HSB)	24.8°, 77.9, 54.9
Web Safe	993333	`#993333`

CIE-LAB	39.317, 23.387, 37.264
XYZ	13.647, 10.844, 2.671
xyY	0.502, 0.399, 10.844
CIE-LCH	39.317, 43.995, 57.888
CIE-LUV	39.317, 50.253, 31.26
Hunter-Lab	32.931, 16.346, 18.243
Binary	10001100, 01001100, 00011111

#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#1f5f8c
```
#1f5f8c rgb(31,95,140)
```

Complementary Color

#8c1f28
```
#8c1f28 rgb(140,31,40)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#8c831f
```
#8c831f rgb(140,131,31)
```

Analogous Color

#1f298c
```
#1f298c rgb(31,41,140)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#1f8c83
```
#1f8c83 rgb(31,140,131)
```

Split Complementary Color

#4c1f8c
```
#4c1f8c rgb(76,31,140)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#1f8c4c
```
#1f8c4c rgb(31,140,76)
```

Triadic Color

#4d2a11
```
#4d2a11 rgb(77,42,17)
```
#623516
```
#623516 rgb(98,53,22)
```
#77411a
```
#77411a rgb(119,65,26)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#a15724
```
#a15724 rgb(161,87,36)
```
#b66328
```
#b66328 rgb(182,99,40)
```
#cb6e2d
```
#cb6e2d rgb(203,110,45)
```

Monochromatic Color

Below, you can see some colors close to #8c4c1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#8c311f
```
#8c311f rgb(140,49,31)
```
#8c3a1f
```
#8c3a1f rgb(140,58,31)
```
#8c431f
```
#8c431f rgb(140,67,31)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#8c551f
```
#8c551f rgb(140,85,31)
```
#8c5e1f
```
#8c5e1f rgb(140,94,31)
```
#8c671f
```
#8c671f rgb(140,103,31)
```

Similar Colors

Text with hexadecimal color #8c4c1f

This text has a font color of #8c4c1f.

<span style="color:#8c4c1f;">Text here</span>

#8c4c1f background color

This paragraph has a background color of #8c4c1f.

<p style="background-color:#8c4c1f;">Content here</p>

#8c4c1f border color

This element has a border color of #8c4c1f.

<div style="border:1px solid #8c4c1f;">Content here</div>

CSS codes

.text {color:#8c4c1f;}

.background {background-color:#8c4c1f;}

.border {border:1px solid #8c4c1f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0c0603 is the darkest color, while #fefcfa is the lightest one.

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1c0f06
```
#1c0f06 rgb(28,15,6)
```
#2c180a
```
#2c180a rgb(44,24,10)
```
#3c200d
```
#3c200d rgb(60,32,13)
```
#4c2911
```
#4c2911 rgb(76,41,17)
```
#5c3214
```
#5c3214 rgb(92,50,20)
```
#6c3b18
```
#6c3b18 rgb(108,59,24)
```
#7c431b
```
#7c431b rgb(124,67,27)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#9c5523
```
#9c5523 rgb(156,85,35)
```
#ac5d26
```
#ac5d26 rgb(172,93,38)
```
#bc662a
```
#bc662a rgb(188,102,42)
```
#cc6f2d
```
#cc6f2d rgb(204,111,45)
```

Shade Color Variation

#d3793a
```
#d3793a rgb(211,121,58)
```
#d7844a
```
#d7844a rgb(215,132,74)
```
#da8f5a
```
#da8f5a rgb(218,143,90)
```
#de9a6a
```
#de9a6a rgb(222,154,106)
```
#e2a57a
```
#e2a57a rgb(226,165,122)
```
#e5b08a
```
#e5b08a rgb(229,176,138)
```
#e9bb9a
```
#e9bb9a rgb(233,187,154)
```
#ecc5aa
```
#ecc5aa rgb(236,197,170)
```
#f0d0ba
```
#f0d0ba rgb(240,208,186)
```
#f3dbca
```
#f3dbca rgb(243,219,202)
```
#f7e6da
```
#f7e6da rgb(247,230,218)
```
#faf1ea
```
#faf1ea rgb(250,241,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575554 is the less saturated color, while #a64705 is the most saturated one.

#575554
```
#575554 rgb(87,85,84)
```
#5e544d
```
#5e544d rgb(94,84,77)
```
#655346
```
#655346 rgb(101,83,70)
```
#6b5240
```
#6b5240 rgb(107,82,64)
```
#725139
```
#725139 rgb(114,81,57)
```
#784f33
```
#784f33 rgb(120,79,51)
```
#7f4e2c
```
#7f4e2c rgb(127,78,44)
```
#854d26
```
#854d26 rgb(133,77,38)
```
#8c4c1f
```
#8c4c1f rgb(140,76,31)
```
#934b18
```
#934b18 rgb(147,75,24)
```
#994a12
```
#994a12 rgb(153,74,18)
```
#a0490b
```
#a0490b rgb(160,73,11)
```
#a64705
```
#a64705 rgb(166,71,5)
```

Tone Color Variation

Below, you can see how #8c4c1f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5a5a5a Achromatopsia 0.005% of the population
#64574e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f652f Protanopia 1% of men
#7d6026 Deuteranopia 1% of men
#945055 Tritanopia 0.001% of the population

Trichromacy

#7a5c29 Protanomaly 1% of men, 0.01% of women
#825823 Deuteranomaly 6% of men, 0.4% of women
#914e41 Tritanomaly 0.01% of the population