colorhexa.com

#8c4c20 hex color

In a RGB color space, hex #8c4c20 is composed of 54.9% red, 29.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 77.1% yellow and 45.1% black. It has a hue angle of 24.4 degrees, a saturation of 62.8% and a lightness of 33.7%. #8c4c20 color hex could be obtained by blending #ff9840 with #190000. Closest websafe color is: #993333.

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

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

The hexadecimal color #8c4c20 has RGB values of R:140, G:76, B:32 and CMYK values of C:0, M:0.46, Y:0.77, K:0.45. Its decimal value is 9194528.

Hex triplet	8c4c20	`#8c4c20`
RGB Decimal	140, 76, 32	`rgb(140,76,32)`
RGB Percent	54.9, 29.8, 12.5	`rgb(54.9%,29.8%,12.5%)`
CMYK	0, 46, 77, 45
HSL	24.4°, 62.8, 33.7	`hsl(24.4,62.8%,33.7%)`
HSV (or HSB)	24.4°, 77.1, 54.9
Web Safe	993333	`#993333`

CIE-LAB	39.326, 23.433, 36.773
XYZ	13.661, 10.85, 2.741
xyY	0.501, 0.398, 10.85
CIE-LCH	39.326, 43.604, 57.493
CIE-LUV	39.326, 50.163, 30.953
Hunter-Lab	32.939, 16.386, 18.123
Binary	10001100, 01001100, 00100000

#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#20608c
```
#20608c rgb(32,96,140)
```

Complementary Color

#8c202a
```
#8c202a rgb(140,32,42)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#8c8220
```
#8c8220 rgb(140,130,32)
```

Analogous Color

#202a8c
```
#202a8c rgb(32,42,140)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#208c82
```
#208c82 rgb(32,140,130)
```

Split Complementary Color

#4c208c
```
#4c208c rgb(76,32,140)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#208c4c
```
#208c4c rgb(32,140,76)
```

Triadic Color

#4e2a12
```
#4e2a12 rgb(78,42,18)
```
#623517
```
#623517 rgb(98,53,23)
```
#77411b
```
#77411b rgb(119,65,27)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#a15725
```
#a15725 rgb(161,87,37)
```
#b66329
```
#b66329 rgb(182,99,41)
```
#ca6e2e
```
#ca6e2e rgb(202,110,46)
```

Monochromatic Color

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

#8c3120
```
#8c3120 rgb(140,49,32)
```
#8c3a20
```
#8c3a20 rgb(140,58,32)
```
#8c4320
```
#8c4320 rgb(140,67,32)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#8c5520
```
#8c5520 rgb(140,85,32)
```
#8c5e20
```
#8c5e20 rgb(140,94,32)
```
#8c6720
```
#8c6720 rgb(140,103,32)
```

Similar Colors

Text with hexadecimal color #8c4c20

This text has a font color of #8c4c20.

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

#8c4c20 background color

This paragraph has a background color of #8c4c20.

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

#8c4c20 border color

This element has a border color of #8c4c20.

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

CSS codes

.text {color:#8c4c20;}

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

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

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, #0c0703 is the darkest color, while #fefcfb is the lightest one.

#0c0703
```
#0c0703 rgb(12,7,3)
```
#1c0f06
```
#1c0f06 rgb(28,15,6)
```
#2c180a
```
#2c180a rgb(44,24,10)
```
#3c210e
```
#3c210e rgb(60,33,14)
```
#4c2911
```
#4c2911 rgb(76,41,17)
```
#5c3215
```
#5c3215 rgb(92,50,21)
```
#6c3b19
```
#6c3b19 rgb(108,59,25)
```
#7c431c
```
#7c431c rgb(124,67,28)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#9c5524
```
#9c5524 rgb(156,85,36)
```
#ac5d27
```
#ac5d27 rgb(172,93,39)
```
#bc662b
```
#bc662b rgb(188,102,43)
```
#cc6f2f
```
#cc6f2f rgb(204,111,47)
```

Shade Color Variation

#d2793c
```
#d2793c rgb(210,121,60)
```
#d6844c
```
#d6844c rgb(214,132,76)
```
#da8f5c
```
#da8f5c rgb(218,143,92)
```
#dd9a6c
```
#dd9a6c rgb(221,154,108)
```
#e1a57c
```
#e1a57c rgb(225,165,124)
```
#e5b08c
```
#e5b08c rgb(229,176,140)
```
#e8bb9c
```
#e8bb9c rgb(232,187,156)
```
#ecc6ab
```
#ecc6ab rgb(236,198,171)
```
#f0d1bb
```
#f0d1bb rgb(240,209,187)
```
#f3dccb
```
#f3dccb rgb(243,220,203)
```
#f7e7db
```
#f7e7db rgb(247,231,219)
```
#fbf2eb
```
#fbf2eb rgb(251,242,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#575655
```
#575655 rgb(87,86,85)
```
#5e554e
```
#5e554e rgb(94,85,78)
```
#645348
```
#645348 rgb(100,83,72)
```
#6b5241
```
#6b5241 rgb(107,82,65)
```
#72513a
```
#72513a rgb(114,81,58)
```
#785034
```
#785034 rgb(120,80,52)
```
#7f4e2d
```
#7f4e2d rgb(127,78,45)
```
#854d27
```
#854d27 rgb(133,77,39)
```
#8c4c20
```
#8c4c20 rgb(140,76,32)
```
#934b19
```
#934b19 rgb(147,75,25)
```
#994a13
```
#994a13 rgb(153,74,19)
```
#a0480c
```
#a0480c rgb(160,72,12)
```
#a64706
```
#a64706 rgb(166,71,6)
```

Tone Color Variation

Below, you can see how #8c4c20 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

#6f6530 Protanopia 1% of men
#7c6027 Deuteranopia 1% of men
#945055 Tritanopia 0.001% of the population

Trichromacy

#7a5c2a Protanomaly 1% of men, 0.01% of women
#825824 Deuteranomaly 6% of men, 0.4% of women
#914e42 Tritanomaly 0.01% of the population