colorhexa.com

#8a4820 hex color

In a RGB color space, hex #8a4820 is composed of 54.1% red, 28.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 76.8% yellow and 45.9% black. It has a hue angle of 22.6 degrees, a saturation of 62.4% and a lightness of 33.3%. #8a4820 color hex could be obtained by blending #ff9040 with #150000. Closest websafe color is: #993333.

- R 54
- G 28
- B 13
RGB color chart
- C 0
- M 48
- Y 77
- K 46
CMYK color chart

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

The hexadecimal color #8a4820 has RGB values of R:138, G:72, B:32 and CMYK values of C:0, M:0.48, Y:0.77, K:0.46. Its decimal value is 9062432.

Hex triplet	8a4820	`#8a4820`
RGB Decimal	138, 72, 32	`rgb(138,72,32)`
RGB Percent	54.1, 28.2, 12.5	`rgb(54.1%,28.2%,12.5%)`
CMYK	0, 48, 77, 46
HSL	22.6°, 62.4, 33.3	`hsl(22.6,62.4%,33.3%)`
HSV (or HSB)	22.6°, 76.8, 54.1
Web Safe	993333	`#993333`

CIE-LAB	38.099, 24.826, 35.412
XYZ	13.06, 10.143, 2.637
xyY	0.505, 0.393, 10.143
CIE-LCH	38.099, 43.247, 54.968
CIE-LUV	38.099, 51.464, 29.216
Hunter-Lab	31.849, 17.46, 17.386
Binary	10001010, 01001000, 00100000

#8a4820
```
#8a4820 rgb(138,72,32)
```
#20628a
```
#20628a rgb(32,98,138)
```

Complementary Color

#8a202d
```
#8a202d rgb(138,32,45)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#8a7d20
```
#8a7d20 rgb(138,125,32)
```

Analogous Color

#202d8a
```
#202d8a rgb(32,45,138)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#208a7d
```
#208a7d rgb(32,138,125)
```

Split Complementary Color

#48208a
```
#48208a rgb(72,32,138)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#208a48
```
#208a48 rgb(32,138,72)
```

Triadic Color

#4c2812
```
#4c2812 rgb(76,40,18)
```
#613216
```
#613216 rgb(97,50,22)
```
#753d1b
```
#753d1b rgb(117,61,27)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#9f5325
```
#9f5325 rgb(159,83,37)
```
#b35e2a
```
#b35e2a rgb(179,94,42)
```
#c8682e
```
#c8682e rgb(200,104,46)
```

Monochromatic Color

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

#8a2d20
```
#8a2d20 rgb(138,45,32)
```
#8a3620
```
#8a3620 rgb(138,54,32)
```
#8a3f20
```
#8a3f20 rgb(138,63,32)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#8a5120
```
#8a5120 rgb(138,81,32)
```
#8a5a20
```
#8a5a20 rgb(138,90,32)
```
#8a6220
```
#8a6220 rgb(138,98,32)
```

Similar Colors

Text with hexadecimal color #8a4820

This text has a font color of #8a4820.

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

#8a4820 background color

This paragraph has a background color of #8a4820.

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

#8a4820 border color

This element has a border color of #8a4820.

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

CSS codes

.text {color:#8a4820;}

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

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

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

#0b0602
```
#0b0602 rgb(11,6,2)
```
#1b0e06
```
#1b0e06 rgb(27,14,6)
```
#2a160a
```
#2a160a rgb(42,22,10)
```
#3a1e0e
```
#3a1e0e rgb(58,30,14)
```
#4a2711
```
#4a2711 rgb(74,39,17)
```
#5a2f15
```
#5a2f15 rgb(90,47,21)
```
#6a3719
```
#6a3719 rgb(106,55,25)
```
#7a401c
```
#7a401c rgb(122,64,28)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#9a5024
```
#9a5024 rgb(154,80,36)
```
#aa5927
```
#aa5927 rgb(170,89,39)
```
#ba612b
```
#ba612b rgb(186,97,43)
```
#ca692f
```
#ca692f rgb(202,105,47)
```

Shade Color Variation

#d1743b
```
#d1743b rgb(209,116,59)
```
#d57f4b
```
#d57f4b rgb(213,127,75)
```
#d98a5a
```
#d98a5a rgb(217,138,90)
```
#dd956a
```
#dd956a rgb(221,149,106)
```
#e0a17a
```
#e0a17a rgb(224,161,122)
```
#e4ac8a
```
#e4ac8a rgb(228,172,138)
```
#e8b79a
```
#e8b79a rgb(232,183,154)
```
#ebc3aa
```
#ebc3aa rgb(235,195,170)
```
#efceba
```
#efceba rgb(239,206,186)
```
#f3d9ca
```
#f3d9ca rgb(243,217,202)
```
#f6e5da
```
#f6e5da rgb(246,229,218)
```
#faf0ea
```
#faf0ea rgb(250,240,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#565554
```
#565554 rgb(86,85,84)
```
#5c534e
```
#5c534e rgb(92,83,78)
```
#635247
```
#635247 rgb(99,82,71)
```
#695041
```
#695041 rgb(105,80,65)
```
#704e3a
```
#704e3a rgb(112,78,58)
```
#764d34
```
#764d34 rgb(118,77,52)
```
#7d4b2d
```
#7d4b2d rgb(125,75,45)
```
#834a27
```
#834a27 rgb(131,74,39)
```
#8a4820
```
#8a4820 rgb(138,72,32)
```
#914619
```
#914619 rgb(145,70,25)
```
#974513
```
#974513 rgb(151,69,19)
```
#9e430c
```
#9e430c rgb(158,67,12)
```
#a44206
```
#a44206 rgb(164,66,6)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#61544c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6230 Protanopia 1% of men
#795d27 Deuteranopia 1% of men
#924d52 Tritanopia 0.001% of the population

Trichromacy

#77582a Protanomaly 1% of men, 0.01% of women
#7f5524 Deuteranomaly 6% of men, 0.4% of women
#8f4b3f Tritanomaly 0.01% of the population