colorhexa.com

#8c5a24 hex color

In a RGB color space, hex #8c5a24 is composed of 54.9% red, 35.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 74.3% yellow and 45.1% black. It has a hue angle of 31.2 degrees, a saturation of 59.1% and a lightness of 34.5%. #8c5a24 color hex could be obtained by blending #ffb448 with #190000. Closest websafe color is: #996633.

- R 55
- G 35
- B 14
RGB color chart
- C 0
- M 36
- Y 74
- K 45
CMYK color chart

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

The hexadecimal color #8c5a24 has RGB values of R:140, G:90, B:36 and CMYK values of C:0, M:0.36, Y:0.74, K:0.45. Its decimal value is 9198116.

Hex triplet	8c5a24	`#8c5a24`
RGB Decimal	140, 90, 36	`rgb(140,90,36)`
RGB Percent	54.9, 35.3, 14.1	`rgb(54.9%,35.3%,14.1%)`
CMYK	0, 36, 74, 45
HSL	31.2°, 59.1, 34.5	`hsl(31.2,59.1%,34.5%)`
HSV (or HSB)	31.2°, 74.3, 54.9
Web Safe	996633	`#996633`

CIE-LAB	42.788, 15.541, 38.363
XYZ	14.79, 13.016, 3.402
xyY	0.474, 0.417, 13.016
CIE-LCH	42.788, 41.391, 67.947
CIE-LUV	42.788, 39.37, 35.356
Hunter-Lab	36.078, 10.04, 19.663
Binary	10001100, 01011010, 00100100

#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#24568c
```
#24568c rgb(36,86,140)
```

Complementary Color

#8c2624
```
#8c2624 rgb(140,38,36)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#8a8c24
```
#8a8c24 rgb(138,140,36)
```

Analogous Color

#26248c
```
#26248c rgb(38,36,140)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#248a8c
```
#248a8c rgb(36,138,140)
```

Split Complementary Color

#5a248c
```
#5a248c rgb(90,36,140)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#248c5a
```
#248c5a rgb(36,140,90)
```

Triadic Color

#4f3314
```
#4f3314 rgb(79,51,20)
```
#63401a
```
#63401a rgb(99,64,26)
```
#784d1f
```
#784d1f rgb(120,77,31)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#a06729
```
#a06729 rgb(160,103,41)
```
#b5742e
```
#b5742e rgb(181,116,46)
```
#c98134
```
#c98134 rgb(201,129,52)
```

Monochromatic Color

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

#8c4024
```
#8c4024 rgb(140,64,36)
```
#8c4924
```
#8c4924 rgb(140,73,36)
```
#8c5124
```
#8c5124 rgb(140,81,36)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#8c6324
```
#8c6324 rgb(140,99,36)
```
#8c6b24
```
#8c6b24 rgb(140,107,36)
```
#8c7424
```
#8c7424 rgb(140,116,36)
```

Similar Colors

Text with hexadecimal color #8c5a24

This text has a font color of #8c5a24.

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

#8c5a24 background color

This paragraph has a background color of #8c5a24.

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

#8c5a24 border color

This element has a border color of #8c5a24.

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

CSS codes

.text {color:#8c5a24;}

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

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

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

#0f0a04
```
#0f0a04 rgb(15,10,4)
```
#1f1408
```
#1f1408 rgb(31,20,8)
```
#2e1e0c
```
#2e1e0c rgb(46,30,12)
```
#3e2810
```
#3e2810 rgb(62,40,16)
```
#4e3214
```
#4e3214 rgb(78,50,20)
```
#5d3c18
```
#5d3c18 rgb(93,60,24)
```
#6d461c
```
#6d461c rgb(109,70,28)
```
#7c5020
```
#7c5020 rgb(124,80,32)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#9c6428
```
#9c6428 rgb(156,100,40)
```
#ab6e2c
```
#ab6e2c rgb(171,110,44)
```
#bb7830
```
#bb7830 rgb(187,120,48)
```
#ca8234
```
#ca8234 rgb(202,130,52)
```

Shade Color Variation

#cf8c43
```
#cf8c43 rgb(207,140,67)
```
#d39553
```
#d39553 rgb(211,149,83)
```
#d79f63
```
#d79f63 rgb(215,159,99)
```
#dba872
```
#dba872 rgb(219,168,114)
```
#dfb282
```
#dfb282 rgb(223,178,130)
```
#e3bc91
```
#e3bc91 rgb(227,188,145)
```
#e7c5a1
```
#e7c5a1 rgb(231,197,161)
```
#ebcfb1
```
#ebcfb1 rgb(235,207,177)
```
#efd8c0
```
#efd8c0 rgb(239,216,192)
```
#f3e2d0
```
#f3e2d0 rgb(243,226,208)
```
#f7ecdf
```
#f7ecdf rgb(247,236,223)
```
#fbf5ef
```
#fbf5ef rgb(251,245,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d5853
```
#5d5853 rgb(93,88,83)
```
#63584d
```
#63584d rgb(99,88,77)
```
#6a5946
```
#6a5946 rgb(106,89,70)
```
#71593f
```
#71593f rgb(113,89,63)
```
#785938
```
#785938 rgb(120,89,56)
```
#7e5932
```
#7e5932 rgb(126,89,50)
```
#855a2b
```
#855a2b rgb(133,90,43)
```
#8c5a24
```
#8c5a24 rgb(140,90,36)
```
#935a1d
```
#935a1d rgb(147,90,29)
```
#9a5b16
```
#9a5b16 rgb(154,91,22)
```
#a05b10
```
#a05b10 rgb(160,91,16)
```
#a75b09
```
#a75b09 rgb(167,91,9)
```
#ae5b02
```
#ae5b02 rgb(174,91,2)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#6b6156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d32 Protanopia 1% of men
#86682d Deuteranopia 1% of men
#955d63 Tritanopia 0.001% of the population

Trichromacy

#7f662d Protanomaly 1% of men, 0.01% of women
#88622a Deuteranomaly 6% of men, 0.4% of women
#925b4c Tritanomaly 0.01% of the population