#a48016 hex color

In a RGB color space, hex #a48016 is composed of 64.3% red, 50.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 86.6% yellow and 35.7% black. It has a hue angle of 44.8 degrees, a saturation of 76.3% and a lightness of 36.5%. #a48016 color hex could be obtained by blending #ffff2c with #490100. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 64
- G 50
- B 9
RGB color chart
- C 0
- M 22
- Y 87
- K 36
CMYK color chart

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

The hexadecimal color #a48016 has RGB values of R:164, G:128, B:22 and CMYK values of C:0, M:0.22, Y:0.87, K:0.36. Its decimal value is 10780694.

Hex triplet	a48016	`#a48016`
RGB Decimal	164, 128, 22	`rgb(164,128,22)`
RGB Percent	64.3, 50.2, 8.6	`rgb(64.3%,50.2%,8.6%)`
CMYK	0, 22, 87, 36
HSL	44.8°, 76.3, 36.5	`hsl(44.8,76.3%,36.5%)`
HSV (or HSB)	44.8°, 86.6, 64.3
Web Safe	999900	`#999900`

CIE-LAB	55.472, 4.295, 56.448
XYZ	23.174, 23.39, 4.053
xyY	0.458, 0.462, 23.39
CIE-LCH	55.472, 56.611, 85.649
CIE-LUV	55.472, 30.427, 55.359
Hunter-Lab	48.363, 0.897, 28.885
Binary	10100100, 10000000, 00010110

#a48016
```
#a48016 rgb(164,128,22)
```
#163aa4
```
#163aa4 rgb(22,58,164)
```

Complementary Color

#a43916
```
#a43916 rgb(164,57,22)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#81a416
```
#81a416 rgb(129,164,22)
```

Analogous Color

#3916a4
```
#3916a4 rgb(57,22,164)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#1681a4
```
#1681a4 rgb(22,129,164)
```

Split Complementary Color

#8016a4
```
#8016a4 rgb(128,22,164)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#16a480
```
#16a480 rgb(22,164,128)
```

Triadic Color

#a4163a
```
#a4163a rgb(164,22,58)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#16a480
```
#16a480 rgb(22,164,128)
```
#163aa4
```
#163aa4 rgb(22,58,164)
```

Tetradic Color

#614b0d
```
#614b0d rgb(97,75,13)
```
#775d10
```
#775d10 rgb(119,93,16)
```
#8e6e13
```
#8e6e13 rgb(142,110,19)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#ba9219
```
#ba9219 rgb(186,146,25)
```
#d1a31c
```
#d1a31c rgb(209,163,28)
```
#e2b225
```
#e2b225 rgb(226,178,37)
```

Monochromatic Color

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

#a45c16
```
#a45c16 rgb(164,92,22)
```
#a46816
```
#a46816 rgb(164,104,22)
```
#a47416
```
#a47416 rgb(164,116,22)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#a48c16
```
#a48c16 rgb(164,140,22)
```
#a49816
```
#a49816 rgb(164,152,22)
```
#a4a416
```
#a4a416 rgb(164,164,22)
```

Similar Colors

Text with hexadecimal color #a48016

This text has a font color of #a48016.

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

#a48016 background color

This paragraph has a background color of #a48016.

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

#a48016 border color

This element has a border color of #a48016.

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

CSS codes

.text {color:#a48016;}

.background {background-color:#a48016;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#1a1403
```
#1a1403 rgb(26,20,3)
```
#2b2206
```
#2b2206 rgb(43,34,6)
```
#3c2f08
```
#3c2f08 rgb(60,47,8)
```
#4e3d0a
```
#4e3d0a rgb(78,61,10)
```
#5f4a0d
```
#5f4a0d rgb(95,74,13)
```
#70580f
```
#70580f rgb(112,88,15)
```
#816511
```
#816511 rgb(129,101,17)
```
#937314
```
#937314 rgb(147,115,20)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#b58d18
```
#b58d18 rgb(181,141,24)
```
#c79b1b
```
#c79b1b rgb(199,155,27)
```
#d8a81d
```
#d8a81d rgb(216,168,29)
```

Shade Color Variation

#e2b227
```
#e2b227 rgb(226,178,39)
```
#e4b938
```
#e4b938 rgb(228,185,56)
```
#e7bf49
```
#e7bf49 rgb(231,191,73)
```
#e9c55a
```
#e9c55a rgb(233,197,90)
```
#ebcb6c
```
#ebcb6c rgb(235,203,108)
```
#eed17d
```
#eed17d rgb(238,209,125)
```
#f0d78e
```
#f0d78e rgb(240,215,142)
```
#f2dda0
```
#f2dda0 rgb(242,221,160)
```
#f5e3b1
```
#f5e3b1 rgb(245,227,177)
```
#f7e9c2
```
#f7e9c2 rgb(247,233,194)
```
#f9f0d3
```
#f9f0d3 rgb(249,240,211)
```
#fbf6e5
```
#fbf6e5 rgb(251,246,229)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#646056
```
#646056 rgb(100,96,86)
```
#6b644f
```
#6b644f rgb(107,100,79)
```
#726748
```
#726748 rgb(114,103,72)
```
#796b41
```
#796b41 rgb(121,107,65)
```
#806e3a
```
#806e3a rgb(128,110,58)
```
#877233
```
#877233 rgb(135,114,51)
```
#8f752b
```
#8f752b rgb(143,117,43)
```
#967924
```
#967924 rgb(150,121,36)
```
#9d7c1d
```
#9d7c1d rgb(157,124,29)
```
#a48016
```
#a48016 rgb(164,128,22)
```
#ab840f
```
#ab840f rgb(171,132,15)
```
#b28708
```
#b28708 rgb(178,135,8)
```
#b98b01
```
#b98b01 rgb(185,139,1)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#867f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b23 Protanopia 1% of men
#ad8423 Deuteranopia 1% of men
#af7d86 Tritanopia 0.001% of the population

Trichromacy

#9e871e Protanomaly 1% of men, 0.01% of women
#aa821e Deuteranomaly 6% of men, 0.4% of women
#ab7e5d Tritanomaly 0.01% of the population

#a48016 hex color

#a48016 Color Information

#a48016 Color Conversion

Color Schemes with #a48016

Alternatives to #a48016

#a48016 Preview

Shades and Tints of #a48016

Tones of #a48016

Color Blindness Simulator