#a74522 hex color

In a RGB color space, hex #a74522 is composed of 65.5% red, 27.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.7% magenta, 79.6% yellow and 34.5% black. It has a hue angle of 15.8 degrees, a saturation of 66.2% and a lightness of 39.4%. #a74522 color hex could be obtained by blending #ff8a44 with #4f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 65
- G 27
- B 13
RGB color chart
- C 0
- M 59
- Y 80
- K 35
CMYK color chart

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

The hexadecimal color #a74522 has RGB values of R:167, G:69, B:34 and CMYK values of C:0, M:0.59, Y:0.8, K:0.35. Its decimal value is 10962210.

Hex triplet	a74522	`#a74522`
RGB Decimal	167, 69, 34	`rgb(167,69,34)`
RGB Percent	65.5, 27.1, 13.3	`rgb(65.5%,27.1%,13.3%)`
CMYK	0, 59, 80, 35
HSL	15.8°, 66.2, 39.4	`hsl(15.8,66.2%,39.4%)`
HSV (or HSB)	15.8°, 79.6, 65.5
Web Safe	993333	`#993333`

CIE-LAB	42.138, 38.409, 39.987
XYZ	18.354, 12.589, 2.977
xyY	0.541, 0.371, 12.589
CIE-LCH	42.138, 55.446, 46.153
CIE-LUV	42.138, 77.708, 30.63
Hunter-Lab	35.481, 30.244, 19.863
Binary	10100111, 01000101, 00100010

#a74522
```
#a74522 rgb(167,69,34)
```
#2284a7
```
#2284a7 rgb(34,132,167)
```

Complementary Color

#a72242
```
#a72242 rgb(167,34,66)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#a78822
```
#a78822 rgb(167,136,34)
```

Analogous Color

#2241a7
```
#2241a7 rgb(34,65,167)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#22a788
```
#22a788 rgb(34,167,136)
```

Split Complementary Color

#4522a7
```
#4522a7 rgb(69,34,167)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#22a745
```
#22a745 rgb(34,167,69)
```

Triadic Color

#a72284
```
#a72284 rgb(167,34,132)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#22a745
```
#22a745 rgb(34,167,69)
```
#2284a7
```
#2284a7 rgb(34,132,167)
```

Tetradic Color

#672b15
```
#672b15 rgb(103,43,21)
```
#7d3319
```
#7d3319 rgb(125,51,25)
```
#923c1e
```
#923c1e rgb(146,60,30)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#bc4e26
```
#bc4e26 rgb(188,78,38)
```
#d1572b
```
#d1572b rgb(209,87,43)
```
#d8663e
```
#d8663e rgb(216,102,62)
```

Monochromatic Color

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

#a72422
```
#a72422 rgb(167,36,34)
```
#a72f22
```
#a72f22 rgb(167,47,34)
```
#a73a22
```
#a73a22 rgb(167,58,34)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#a75022
```
#a75022 rgb(167,80,34)
```
#a75b22
```
#a75b22 rgb(167,91,34)
```
#a76622
```
#a76622 rgb(167,102,34)
```

Similar Colors

Text with hexadecimal color #a74522

This text has a font color of #a74522.

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

#a74522 background color

This paragraph has a background color of #a74522.

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

#a74522 border color

This element has a border color of #a74522.

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

CSS codes

.text {color:#a74522;}

.background {background-color:#a74522;}

.border {border:1px solid #a74522;}

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, #040201 is the darkest color, while #fdf5f3 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#140804
```
#140804 rgb(20,8,4)
```
#250f07
```
#250f07 rgb(37,15,7)
```
#35160b
```
#35160b rgb(53,22,11)
```
#451d0e
```
#451d0e rgb(69,29,14)
```
#562311
```
#562311 rgb(86,35,17)
```
#662a15
```
#662a15 rgb(102,42,21)
```
#763118
```
#763118 rgb(118,49,24)
```
#86381b
```
#86381b rgb(134,56,27)
```
#973e1f
```
#973e1f rgb(151,62,31)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#b74c25
```
#b74c25 rgb(183,76,37)
```
#c85229
```
#c85229 rgb(200,82,41)
```

Shade Color Variation

#d55b2f
```
#d55b2f rgb(213,91,47)
```
#d8683f
```
#d8683f rgb(216,104,63)
```
#db7450
```
#db7450 rgb(219,116,80)
```
#df8160
```
#df8160 rgb(223,129,96)
```
#e28e70
```
#e28e70 rgb(226,142,112)
```
#e59b81
```
#e59b81 rgb(229,155,129)
```
#e9a891
```
#e9a891 rgb(233,168,145)
```
#ecb5a1
```
#ecb5a1 rgb(236,181,161)
```
#efc2b2
```
#efc2b2 rgb(239,194,178)
```
#f3cfc2
```
#f3cfc2 rgb(243,207,194)
```
#f6dcd2
```
#f6dcd2 rgb(246,220,210)
```
#f9e8e2
```
#f9e8e2 rgb(249,232,226)
```
#fdf5f3
```
#fdf5f3 rgb(253,245,243)
```

Tint Color Variation

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

#696260
```
#696260 rgb(105,98,96)
```
#715f58
```
#715f58 rgb(113,95,88)
```
#795b50
```
#795b50 rgb(121,91,80)
```
#805749
```
#805749 rgb(128,87,73)
```
#885441
```
#885441 rgb(136,84,65)
```
#905039
```
#905039 rgb(144,80,57)
```
#984c31
```
#984c31 rgb(152,76,49)
```
#9f492a
```
#9f492a rgb(159,73,42)
```
#a74522
```
#a74522 rgb(167,69,34)
```
#af411a
```
#af411a rgb(175,65,26)
```
#b63e13
```
#b63e13 rgb(182,62,19)
```
#be3a0b
```
#be3a0b rgb(190,58,11)
```
#c63603
```
#c63603 rgb(198,54,3)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6d5952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b35 Protanopia 1% of men
#856625 Deuteranopia 1% of men
#ad4a4f Tritanopia 0.001% of the population

Trichromacy

#885d2e Protanomaly 1% of men, 0.01% of women
#915a24 Deuteranomaly 6% of men, 0.4% of women
#aa483e Tritanomaly 0.01% of the population

#a74522 hex color

#a74522 Color Information

#a74522 Color Conversion

Color Schemes with #a74522

Alternatives to #a74522

#a74522 Preview

Shades and Tints of #a74522

Tones of #a74522

Color Blindness Simulator