#a4700f hex color

In a RGB color space, hex #a4700f is composed of 64.3% red, 43.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 90.9% yellow and 35.7% black. It has a hue angle of 39.1 degrees, a saturation of 83.2% and a lightness of 35.1%. #a4700f color hex could be obtained by blending #ffe01e with #490000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a4700f has RGB values of R:164, G:112, B:15 and CMYK values of C:0, M:0.32, Y:0.91, K:0.36. Its decimal value is 10776591.

Hex triplet	a4700f	`#a4700f`
RGB Decimal	164, 112, 15	`rgb(164,112,15)`
RGB Percent	64.3, 43.9, 5.9	`rgb(64.3%,43.9%,5.9%)`
CMYK	0, 32, 91, 36
HSL	39.1°, 83.2, 35.1	`hsl(39.1,83.2%,35.1%)`
HSV (or HSB)	39.1°, 90.9, 64.3
Web Safe	996600	`#996600`

CIE-LAB	51.286, 13.156, 54.921
XYZ	21.191, 19.517, 3.103
xyY	0.484, 0.445, 19.517
CIE-LCH	51.286, 56.475, 76.529
CIE-LUV	51.286, 42.924, 50.039
Hunter-Lab	44.178, 8.31, 26.76
Binary	10100100, 01110000, 00001111

#a4700f
```
#a4700f rgb(164,112,15)
```
#0f43a4
```
#0f43a4 rgb(15,67,164)
```

Complementary Color

#a4260f
```
#a4260f rgb(164,38,15)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#8ea40f
```
#8ea40f rgb(142,164,15)
```

Analogous Color

#260fa4
```
#260fa4 rgb(38,15,164)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#0f8ea4
```
#0f8ea4 rgb(15,142,164)
```

Split Complementary Color

#700fa4
```
#700fa4 rgb(112,15,164)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#0fa470
```
#0fa470 rgb(15,164,112)
```

Triadic Color

#a40f43
```
#a40f43 rgb(164,15,67)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#0fa470
```
#0fa470 rgb(15,164,112)
```
#0f43a4
```
#0f43a4 rgb(15,67,164)
```

Tetradic Color

#5e4009
```
#5e4009 rgb(94,64,9)
```
#75500b
```
#75500b rgb(117,80,11)
```
#8d600d
```
#8d600d rgb(141,96,13)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#bb8011
```
#bb8011 rgb(187,128,17)
```
#d39013
```
#d39013 rgb(211,144,19)
```
#eaa016
```
#eaa016 rgb(234,160,22)
```

Monochromatic Color

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

#a44b0f
```
#a44b0f rgb(164,75,15)
```
#a4570f
```
#a4570f rgb(164,87,15)
```
#a4640f
```
#a4640f rgb(164,100,15)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#a47c0f
```
#a47c0f rgb(164,124,15)
```
#a4890f
```
#a4890f rgb(164,137,15)
```
#a4950f
```
#a4950f rgb(164,149,15)
```

Similar Colors

Text with hexadecimal color #a4700f

This text has a font color of #a4700f.

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

#a4700f background color

This paragraph has a background color of #a4700f.

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

#a4700f border color

This element has a border color of #a4700f.

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

CSS codes

.text {color:#a4700f;}

.background {background-color:#a4700f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#140e02
```
#140e02 rgb(20,14,2)
```
#261a03
```
#261a03 rgb(38,26,3)
```
#382605
```
#382605 rgb(56,38,5)
```
#4a3307
```
#4a3307 rgb(74,51,7)
```
#5c3f08
```
#5c3f08 rgb(92,63,8)
```
#6e4b0a
```
#6e4b0a rgb(110,75,10)
```
#80570c
```
#80570c rgb(128,87,12)
```
#92640d
```
#92640d rgb(146,100,13)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#b67c11
```
#b67c11 rgb(182,124,17)
```
#c88912
```
#c88912 rgb(200,137,18)
```
#da9514
```
#da9514 rgb(218,149,20)
```

Shade Color Variation

#eaa018
```
#eaa018 rgb(234,160,24)
```
#eba82a
```
#eba82a rgb(235,168,42)
```
#edaf3c
```
#edaf3c rgb(237,175,60)
```
#efb74e
```
#efb74e rgb(239,183,78)
```
#f0be60
```
#f0be60 rgb(240,190,96)
```
#f2c571
```
#f2c571 rgb(242,197,113)
```
#f4cd83
```
#f4cd83 rgb(244,205,131)
```
#f5d495
```
#f5d495 rgb(245,212,149)
```
#f7dba7
```
#f7dba7 rgb(247,219,167)
```
#f9e3b9
```
#f9e3b9 rgb(249,227,185)
```
#faeacb
```
#faeacb rgb(250,234,203)
```
#fcf1dd
```
#fcf1dd rgb(252,241,221)
```
#fef9ef
```
#fef9ef rgb(254,249,239)
```

Tint Color Variation

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

#5f5b54
```
#5f5b54 rgb(95,91,84)
```
#665d4d
```
#665d4d rgb(102,93,77)
```
#6d5f46
```
#6d5f46 rgb(109,95,70)
```
#74613f
```
#74613f rgb(116,97,63)
```
#7b6438
```
#7b6438 rgb(123,100,56)
```
#826631
```
#826631 rgb(130,102,49)
```
#88682b
```
#88682b rgb(136,104,43)
```
#8f6a24
```
#8f6a24 rgb(143,106,36)
```
#966c1d
```
#966c1d rgb(150,108,29)
```
#9d6e16
```
#9d6e16 rgb(157,110,22)
```
#a4700f
```
#a4700f rgb(164,112,15)
```
#ab7208
```
#ab7208 rgb(171,114,8)
```
#b27401
```
#b27401 rgb(178,116,1)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90811e Protanopia 1% of men
#a17a18 Deuteranopia 1% of men
#ad6f77 Tritanopia 0.001% of the population

Trichromacy

#977b18 Protanomaly 1% of men, 0.01% of women
#a27615 Deuteranomaly 6% of men, 0.4% of women
#aa6f51 Tritanomaly 0.01% of the population

#a4700f hex color

#a4700f Color Information

#a4700f Color Conversion

Color Schemes with #a4700f

Alternatives to #a4700f

#a4700f Preview

Shades and Tints of #a4700f

Tones of #a4700f

Color Blindness Simulator