#a4701e hex color

In a RGB color space, hex #a4701e is composed of 64.3% red, 43.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 81.7% yellow and 35.7% black. It has a hue angle of 36.7 degrees, a saturation of 69.1% and a lightness of 38%. #a4701e color hex could be obtained by blending #ffe03c with #490000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 44
- B 12
RGB color chart
- C 0
- M 32
- Y 82
- K 36
CMYK color chart

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

The hexadecimal color #a4701e has RGB values of R:164, G:112, B:30 and CMYK values of C:0, M:0.32, Y:0.82, K:0.36. Its decimal value is 10776606.

Hex triplet	a4701e	`#a4701e`
RGB Decimal	164, 112, 30	`rgb(164,112,30)`
RGB Percent	64.3, 43.9, 11.8	`rgb(64.3%,43.9%,11.8%)`
CMYK	0, 32, 82, 36
HSL	36.7°, 69.1, 38	`hsl(36.7,69.1%,38%)`
HSV (or HSB)	36.7°, 81.7, 64.3
Web Safe	996633	`#996633`

CIE-LAB	51.354, 13.568, 50.297
XYZ	21.339, 19.576, 3.883
xyY	0.476, 0.437, 19.576
CIE-LCH	51.354, 52.095, 74.904
CIE-LUV	51.354, 42.382, 47.445
Hunter-Lab	44.245, 8.661, 25.768
Binary	10100100, 01110000, 00011110

#a4701e
```
#a4701e rgb(164,112,30)
```
#1e52a4
```
#1e52a4 rgb(30,82,164)
```

Complementary Color

#a42d1e
```
#a42d1e rgb(164,45,30)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#95a41e
```
#95a41e rgb(149,164,30)
```

Analogous Color

#2d1ea4
```
#2d1ea4 rgb(45,30,164)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#1e95a4
```
#1e95a4 rgb(30,149,164)
```

Split Complementary Color

#701ea4
```
#701ea4 rgb(112,30,164)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#1ea470
```
#1ea470 rgb(30,164,112)
```

Triadic Color

#a41e52
```
#a41e52 rgb(164,30,82)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#1ea470
```
#1ea470 rgb(30,164,112)
```
#1e52a4
```
#1e52a4 rgb(30,82,164)
```

Tetradic Color

#634412
```
#634412 rgb(99,68,18)
```
#795316
```
#795316 rgb(121,83,22)
```
#8e611a
```
#8e611a rgb(142,97,26)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#ba7f22
```
#ba7f22 rgb(186,127,34)
```
#cf8d26
```
#cf8d26 rgb(207,141,38)
```
#da9a35
```
#da9a35 rgb(218,154,53)
```

Monochromatic Color

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

#a44f1e
```
#a44f1e rgb(164,79,30)
```
#a45a1e
```
#a45a1e rgb(164,90,30)
```
#a4651e
```
#a4651e rgb(164,101,30)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#a47b1e
```
#a47b1e rgb(164,123,30)
```
#a4861e
```
#a4861e rgb(164,134,30)
```
#a4921e
```
#a4921e rgb(164,146,30)
```

Similar Colors

Text with hexadecimal color #a4701e

This text has a font color of #a4701e.

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

#a4701e background color

This paragraph has a background color of #a4701e.

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

#a4701e border color

This element has a border color of #a4701e.

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

CSS codes

.text {color:#a4701e;}

.background {background-color:#a4701e;}

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

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

#0f0a03
```
#0f0a03 rgb(15,10,3)
```
#1f1506
```
#1f1506 rgb(31,21,6)
```
#302109
```
#302109 rgb(48,33,9)
```
#412c0c
```
#412c0c rgb(65,44,12)
```
#51370f
```
#51370f rgb(81,55,15)
```
#624312
```
#624312 rgb(98,67,18)
```
#724e15
```
#724e15 rgb(114,78,21)
```
#835918
```
#835918 rgb(131,89,24)
```
#93651b
```
#93651b rgb(147,101,27)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#b57b21
```
#b57b21 rgb(181,123,33)
```
#c58724
```
#c58724 rgb(197,135,36)
```
#d69227
```
#d69227 rgb(214,146,39)
```

Shade Color Variation

#da9b36
```
#da9b36 rgb(218,155,54)
```
#dda347
```
#dda347 rgb(221,163,71)
```
#e0ab57
```
#e0ab57 rgb(224,171,87)
```
#e3b368
```
#e3b368 rgb(227,179,104)
```
#e6bc79
```
#e6bc79 rgb(230,188,121)
```
#e9c489
```
#e9c489 rgb(233,196,137)
```
#eccc9a
```
#eccc9a rgb(236,204,154)
```
#f0d5aa
```
#f0d5aa rgb(240,213,170)
```
#f3ddbb
```
#f3ddbb rgb(243,221,187)
```
#f6e5cb
```
#f6e5cb rgb(246,229,203)
```
#f9eedc
```
#f9eedc rgb(249,238,220)
```
#fcf6ed
```
#fcf6ed rgb(252,246,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#68635a
```
#68635a rgb(104,99,90)
```
#706452
```
#706452 rgb(112,100,82)
```
#77664b
```
#77664b rgb(119,102,75)
```
#7f6843
```
#7f6843 rgb(127,104,67)
```
#86693c
```
#86693c rgb(134,105,60)
```
#8e6b34
```
#8e6b34 rgb(142,107,52)
```
#956d2d
```
#956d2d rgb(149,109,45)
```
#9d6e25
```
#9d6e25 rgb(157,110,37)
```
#a4701e
```
#a4701e rgb(164,112,30)
```
#ab7217
```
#ab7217 rgb(171,114,23)
```
#b3730f
```
#b3730f rgb(179,115,15)
```
#ba7508
```
#ba7508 rgb(186,117,8)
```
#c27700
```
#c27700 rgb(194,119,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#7f7564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90812c Protanopia 1% of men
#a07b27 Deuteranopia 1% of men
#ad7077 Tritanopia 0.001% of the population

Trichromacy

#977b27 Protanomaly 1% of men, 0.01% of women
#a17724 Deuteranomaly 6% of men, 0.4% of women
#aa7057 Tritanomaly 0.01% of the population

#a4701e hex color

#a4701e Color Information

#a4701e Color Conversion

Color Schemes with #a4701e

Alternatives to #a4701e

#a4701e Preview

Shades and Tints of #a4701e

Tones of #a4701e

Color Blindness Simulator