#a74216 hex color

In a RGB color space, hex #a74216 is composed of 65.5% red, 25.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.5% magenta, 86.8% yellow and 34.5% black. It has a hue angle of 18.2 degrees, a saturation of 76.7% and a lightness of 37.1%. #a74216 color hex could be obtained by blending #ff842c with #4f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 65
- G 26
- B 9
RGB color chart
- C 0
- M 60
- Y 87
- K 35
CMYK color chart

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

The hexadecimal color #a74216 has RGB values of R:167, G:66, B:22 and CMYK values of C:0, M:0.6, Y:0.87, K:0.35. Its decimal value is 10961430.

Hex triplet	a74216	`#a74216`
RGB Decimal	167, 66, 22	`rgb(167,66,22)`
RGB Percent	65.5, 25.9, 8.6	`rgb(65.5%,25.9%,8.6%)`
CMYK	0, 60, 87, 35
HSL	18.2°, 76.7, 37.1	`hsl(18.2,76.7%,37.1%)`
HSV (or HSB)	18.2°, 86.8, 65.5
Web Safe	993300	`#993300`

CIE-LAB	41.488, 39.5, 44.984
XYZ	18.03, 12.172, 2.159
xyY	0.557, 0.376, 12.172
CIE-LCH	41.488, 59.865, 48.714
CIE-LUV	41.488, 81.132, 32.715
Hunter-Lab	34.888, 31.195, 20.753
Binary	10100111, 01000010, 00010110

#a74216
```
#a74216 rgb(167,66,22)
```
#167ba7
```
#167ba7 rgb(22,123,167)
```

Complementary Color

#a71633
```
#a71633 rgb(167,22,51)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#a78b16
```
#a78b16 rgb(167,139,22)
```

Analogous Color

#1633a7
```
#1633a7 rgb(22,51,167)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#16a78b
```
#16a78b rgb(22,167,139)
```

Split Complementary Color

#4216a7
```
#4216a7 rgb(66,22,167)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#16a742
```
#16a742 rgb(22,167,66)
```

Triadic Color

#a7167b
```
#a7167b rgb(167,22,123)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#16a742
```
#16a742 rgb(22,167,66)
```
#167ba7
```
#167ba7 rgb(22,123,167)
```

Tetradic Color

#63270d
```
#63270d rgb(99,39,13)
```
#7a3010
```
#7a3010 rgb(122,48,16)
```
#903913
```
#903913 rgb(144,57,19)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#be4b19
```
#be4b19 rgb(190,75,25)
```
#d4541c
```
#d4541c rgb(212,84,28)
```
#e36027
```
#e36027 rgb(227,96,39)
```

Monochromatic Color

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

#a71e16
```
#a71e16 rgb(167,30,22)
```
#a72a16
```
#a72a16 rgb(167,42,22)
```
#a73616
```
#a73616 rgb(167,54,22)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#a74e16
```
#a74e16 rgb(167,78,22)
```
#a75a16
```
#a75a16 rgb(167,90,22)
```
#a76616
```
#a76616 rgb(167,102,22)
```

Similar Colors

Text with hexadecimal color #a74216

This text has a font color of #a74216.

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

#a74216 background color

This paragraph has a background color of #a74216.

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

#a74216 border color

This element has a border color of #a74216.

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

CSS codes

.text {color:#a74216;}

.background {background-color:#a74216;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1c0b04
```
#1c0b04 rgb(28,11,4)
```
#2e1206
```
#2e1206 rgb(46,18,6)
```
#3f1908
```
#3f1908 rgb(63,25,8)
```
#50200b
```
#50200b rgb(80,32,11)
```
#62270d
```
#62270d rgb(98,39,13)
```
#732d0f
```
#732d0f rgb(115,45,15)
```
#843411
```
#843411 rgb(132,52,17)
```
#963b14
```
#963b14 rgb(150,59,20)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#b84918
```
#b84918 rgb(184,73,24)
```
#ca501b
```
#ca501b rgb(202,80,27)
```
#db571d
```
#db571d rgb(219,87,29)
```

Shade Color Variation

#e36129
```
#e36129 rgb(227,97,41)
```
#e56e3a
```
#e56e3a rgb(229,110,58)
```
#e77b4b
```
#e77b4b rgb(231,123,75)
```
#ea875d
```
#ea875d rgb(234,135,93)
```
#ec946e
```
#ec946e rgb(236,148,110)
```
#eea17f
```
#eea17f rgb(238,161,127)
```
#f0ae91
```
#f0ae91 rgb(240,174,145)
```
#f3bba2
```
#f3bba2 rgb(243,187,162)
```
#f5c7b3
```
#f5c7b3 rgb(245,199,179)
```
#f7d4c5
```
#f7d4c5 rgb(247,212,197)
```
#fae1d6
```
#fae1d6 rgb(250,225,214)
```
#fceee7
```
#fceee7 rgb(252,238,231)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#665c57
```
#665c57 rgb(102,92,87)
```
#6d5950
```
#6d5950 rgb(109,89,80)
```
#745649
```
#745649 rgb(116,86,73)
```
#7b5342
```
#7b5342 rgb(123,83,66)
```
#83503a
```
#83503a rgb(131,80,58)
```
#8a4d33
```
#8a4d33 rgb(138,77,51)
```
#914b2c
```
#914b2c rgb(145,75,44)
```
#984825
```
#984825 rgb(152,72,37)
```
#a0451d
```
#a0451d rgb(160,69,29)
```
#a74216
```
#a74216 rgb(167,66,22)
```
#ae3f0f
```
#ae3f0f rgb(174,63,15)
```
#b63c07
```
#b63c07 rgb(182,60,7)
```
#bd3900
```
#bd3900 rgb(189,57,0)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6a564d Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a29 Protanopia 1% of men
#846416 Deuteranopia 1% of men
#ad474b Tritanopia 0.001% of the population

Trichromacy

#875b22 Protanomaly 1% of men, 0.01% of women
#905816 Deuteranomaly 6% of men, 0.4% of women
#aa4538 Tritanomaly 0.01% of the population

#a74216 hex color

#a74216 Color Information

#a74216 Color Conversion

Color Schemes with #a74216

Alternatives to #a74216

#a74216 Preview

Shades and Tints of #a74216

Tones of #a74216

Color Blindness Simulator