#8a4522 hex color

In a RGB color space, hex #8a4522 is composed of 54.1% red, 27.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 75.4% yellow and 45.9% black. It has a hue angle of 20.2 degrees, a saturation of 60.5% and a lightness of 33.7%. #8a4522 color hex could be obtained by blending #ff8a44 with #150000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 54
- G 27
- B 13
RGB color chart
- C 0
- M 50
- Y 75
- K 46
CMYK color chart

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

The hexadecimal color #8a4522 has RGB values of R:138, G:69, B:34 and CMYK values of C:0, M:0.5, Y:0.75, K:0.46. Its decimal value is 9061666.

Hex triplet	8a4522	`#8a4522`
RGB Decimal	138, 69, 34	`rgb(138,69,34)`
RGB Percent	54.1, 27.1, 13.3	`rgb(54.1%,27.1%,13.3%)`
CMYK	0, 50, 75, 46
HSL	20.2°, 60.5, 33.7	`hsl(20.2,60.5%,33.7%)`
HSV (or HSB)	20.2°, 75.4, 54.1
Web Safe	993333	`#993333`

CIE-LAB	37.438, 26.608, 33.661
XYZ	12.899, 9.776, 2.721
xyY	0.508, 0.385, 9.776
CIE-LCH	37.438, 42.908, 51.674
CIE-LUV	37.438, 53.443, 27.406
Hunter-Lab	31.267, 18.92, 16.727
Binary	10001010, 01000101, 00100010

#8a4522
```
#8a4522 rgb(138,69,34)
```
#22678a
```
#22678a rgb(34,103,138)
```

Complementary Color

#8a2233
```
#8a2233 rgb(138,34,51)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#8a7922
```
#8a7922 rgb(138,121,34)
```

Analogous Color

#22338a
```
#22338a rgb(34,51,138)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#228a79
```
#228a79 rgb(34,138,121)
```

Split Complementary Color

#45228a
```
#45228a rgb(69,34,138)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#228a45
```
#228a45 rgb(34,138,69)
```

Triadic Color

#8a2267
```
#8a2267 rgb(138,34,103)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#228a45
```
#228a45 rgb(34,138,69)
```
#22678a
```
#22678a rgb(34,103,138)
```

Tetradic Color

#4d2613
```
#4d2613 rgb(77,38,19)
```
#613118
```
#613118 rgb(97,49,24)
```
#763b1d
```
#763b1d rgb(118,59,29)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#9e4f27
```
#9e4f27 rgb(158,79,39)
```
#b3592c
```
#b3592c rgb(179,89,44)
```
#c76431
```
#c76431 rgb(199,100,49)
```

Monochromatic Color

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

#8a2b22
```
#8a2b22 rgb(138,43,34)
```
#8a3422
```
#8a3422 rgb(138,52,34)
```
#8a3c22
```
#8a3c22 rgb(138,60,34)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#8a4e22
```
#8a4e22 rgb(138,78,34)
```
#8a5622
```
#8a5622 rgb(138,86,34)
```
#8a5f22
```
#8a5f22 rgb(138,95,34)
```

Similar Colors

Text with hexadecimal color #8a4522

This text has a font color of #8a4522.

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

#8a4522 background color

This paragraph has a background color of #8a4522.

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

#8a4522 border color

This element has a border color of #8a4522.

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

CSS codes

.text {color:#8a4522;}

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

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

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 #fefcfb is the lightest one.

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1c0e07
```
#1c0e07 rgb(28,14,7)
```
#2c160b
```
#2c160b rgb(44,22,11)
```
#3b1e0f
```
#3b1e0f rgb(59,30,15)
```
#4b2612
```
#4b2612 rgb(75,38,18)
```
#5b2d16
```
#5b2d16 rgb(91,45,22)
```
#6b351a
```
#6b351a rgb(107,53,26)
```
#7a3d1e
```
#7a3d1e rgb(122,61,30)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#9a4d26
```
#9a4d26 rgb(154,77,38)
```
#a9552a
```
#a9552a rgb(169,85,42)
```
#b95d2e
```
#b95d2e rgb(185,93,46)
```
#c96432
```
#c96432 rgb(201,100,50)
```

Shade Color Variation

#d06f3f
```
#d06f3f rgb(208,111,63)
```
#d37b4e
```
#d37b4e rgb(211,123,78)
```
#d7875e
```
#d7875e rgb(215,135,94)
```
#db936e
```
#db936e rgb(219,147,110)
```
#df9e7d
```
#df9e7d rgb(223,158,125)
```
#e3aa8d
```
#e3aa8d rgb(227,170,141)
```
#e7b69d
```
#e7b69d rgb(231,182,157)
```
#ebc2ad
```
#ebc2ad rgb(235,194,173)
```
#efcdbc
```
#efcdbc rgb(239,205,188)
```
#f2d9cc
```
#f2d9cc rgb(242,217,204)
```
#f6e5dc
```
#f6e5dc rgb(246,229,220)
```
#faf1ec
```
#faf1ec rgb(250,241,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#5c5450
```
#5c5450 rgb(92,84,80)
```
#62524a
```
#62524a rgb(98,82,74)
```
#695043
```
#695043 rgb(105,80,67)
```
#704e3c
```
#704e3c rgb(112,78,60)
```
#764b36
```
#764b36 rgb(118,75,54)
```
#7d492f
```
#7d492f rgb(125,73,47)
```
#834729
```
#834729 rgb(131,71,41)
```
#8a4522
```
#8a4522 rgb(138,69,34)
```
#91431b
```
#91431b rgb(145,67,27)
```
#974115
```
#974115 rgb(151,65,21)
```
#9e3f0e
```
#9e3f0e rgb(158,63,14)
```
#a43c08
```
#a43c08 rgb(164,60,8)
```
#ab3a01
```
#ab3a01 rgb(171,58,1)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#60534c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6032 Protanopia 1% of men
#775c29 Deuteranopia 1% of men
#914a4f Tritanopia 0.001% of the population

Trichromacy

#75562c Protanomaly 1% of men, 0.01% of women
#7e5326 Deuteranomaly 6% of men, 0.4% of women
#8f483e Tritanomaly 0.01% of the population

#8a4522 hex color

#8a4522 Color Information

#8a4522 Color Conversion

Color Schemes with #8a4522

Alternatives to #8a4522

#8a4522 Preview

Shades and Tints of #8a4522

Tones of #8a4522

Color Blindness Simulator