#a74f22 hex color

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

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

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

The hexadecimal color #a74f22 has RGB values of R:167, G:79, B:34 and CMYK values of C:0, M:0.53, Y:0.8, K:0.35. Its decimal value is 10964770.

Hex triplet	a74f22	`#a74f22`
RGB Decimal	167, 79, 34	`rgb(167,79,34)`
RGB Percent	65.5, 31, 13.3	`rgb(65.5%,31%,13.3%)`
CMYK	0, 53, 80, 35
HSL	20.3°, 66.2, 39.4	`hsl(20.3,66.2%,39.4%)`
HSV (or HSB)	20.3°, 79.6, 65.5
Web Safe	996633	`#996633`

CIE-LAB	44.125, 33.306, 41.948
XYZ	19.022, 13.925, 3.199
xyY	0.526, 0.385, 13.925
CIE-LCH	44.125, 53.562, 51.55
CIE-LUV	44.125, 70.291, 34.049
Hunter-Lab	37.316, 25.688, 21.038
Binary	10100111, 01001111, 00100010

#a74f22
```
#a74f22 rgb(167,79,34)
```
#227aa7
```
#227aa7 rgb(34,122,167)
```

Complementary Color

#a72237
```
#a72237 rgb(167,34,55)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#a79222
```
#a79222 rgb(167,146,34)
```

Analogous Color

#2237a7
```
#2237a7 rgb(34,55,167)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#22a792
```
#22a792 rgb(34,167,146)
```

Split Complementary Color

#4f22a7
```
#4f22a7 rgb(79,34,167)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#22a74f
```
#22a74f rgb(34,167,79)
```

Triadic Color

#a7227a
```
#a7227a rgb(167,34,122)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#22a74f
```
#22a74f rgb(34,167,79)
```
#227aa7
```
#227aa7 rgb(34,122,167)
```

Tetradic Color

#673115
```
#673115 rgb(103,49,21)
```
#7d3b19
```
#7d3b19 rgb(125,59,25)
```
#92451e
```
#92451e rgb(146,69,30)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#bc5926
```
#bc5926 rgb(188,89,38)
```
#d1632b
```
#d1632b rgb(209,99,43)
```
#d8723e
```
#d8723e rgb(216,114,62)
```

Monochromatic Color

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

#a72e22
```
#a72e22 rgb(167,46,34)
```
#a73922
```
#a73922 rgb(167,57,34)
```
#a74422
```
#a74422 rgb(167,68,34)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#a75a22
```
#a75a22 rgb(167,90,34)
```
#a76522
```
#a76522 rgb(167,101,34)
```
#a77022
```
#a77022 rgb(167,112,34)
```

Similar Colors

Text with hexadecimal color #a74f22

This text has a font color of #a74f22.

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

#a74f22 background color

This paragraph has a background color of #a74f22.

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

#a74f22 border color

This element has a border color of #a74f22.

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

CSS codes

.text {color:#a74f22;}

.background {background-color:#a74f22;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140a04
```
#140a04 rgb(20,10,4)
```
#251107
```
#251107 rgb(37,17,7)
```
#35190b
```
#35190b rgb(53,25,11)
```
#45210e
```
#45210e rgb(69,33,14)
```
#562811
```
#562811 rgb(86,40,17)
```
#663015
```
#663015 rgb(102,48,21)
```
#763818
```
#763818 rgb(118,56,24)
```
#86401b
```
#86401b rgb(134,64,27)
```
#97471f
```
#97471f rgb(151,71,31)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#b75725
```
#b75725 rgb(183,87,37)
```
#c85e29
```
#c85e29 rgb(200,94,41)
```

Shade Color Variation

#d5672f
```
#d5672f rgb(213,103,47)
```
#d8733f
```
#d8733f rgb(216,115,63)
```
#db7f50
```
#db7f50 rgb(219,127,80)
```
#df8b60
```
#df8b60 rgb(223,139,96)
```
#e29770
```
#e29770 rgb(226,151,112)
```
#e5a381
```
#e5a381 rgb(229,163,129)
```
#e9af91
```
#e9af91 rgb(233,175,145)
```
#ecbba1
```
#ecbba1 rgb(236,187,161)
```
#efc6b2
```
#efc6b2 rgb(239,198,178)
```
#f3d2c2
```
#f3d2c2 rgb(243,210,194)
```
#f6ded2
```
#f6ded2 rgb(246,222,210)
```
#f9eae2
```
#f9eae2 rgb(249,234,226)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#696360
```
#696360 rgb(105,99,96)
```
#716058
```
#716058 rgb(113,96,88)
```
#795e50
```
#795e50 rgb(121,94,80)
```
#805b49
```
#805b49 rgb(128,91,73)
```
#885941
```
#885941 rgb(136,89,65)
```
#905639
```
#905639 rgb(144,86,57)
```
#985431
```
#985431 rgb(152,84,49)
```
#9f512a
```
#9f512a rgb(159,81,42)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#b64a13
```
#b64a13 rgb(182,74,19)
```
#be480b
```
#be480b rgb(190,72,11)
```
#c64503
```
#c64503 rgb(198,69,3)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#716057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7034 Protanopia 1% of men
#8b6a26 Deuteranopia 1% of men
#ad5358 Tritanopia 0.001% of the population

Trichromacy

#8b642d Protanomaly 1% of men, 0.01% of women
#956025 Deuteranomaly 6% of men, 0.4% of women
#ab5144 Tritanomaly 0.01% of the population

#a74f22 hex color

#a74f22 Color Information

#a74f22 Color Conversion

Color Schemes with #a74f22

Alternatives to #a74f22

#a74f22 Preview

Shades and Tints of #a74f22

Tones of #a74f22

Color Blindness Simulator