#ad6a1f hex color

In a RGB color space, hex #ad6a1f is composed of 67.8% red, 41.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.7% magenta, 82.1% yellow and 32.2% black. It has a hue angle of 31.7 degrees, a saturation of 69.6% and a lightness of 40%. #ad6a1f color hex could be obtained by blending #ffd43e with #5b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 42
- B 12
RGB color chart
- C 0
- M 39
- Y 82
- K 32
CMYK color chart

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

The hexadecimal color #ad6a1f has RGB values of R:173, G:106, B:31 and CMYK values of C:0, M:0.39, Y:0.82, K:0.32. Its decimal value is 11364895.

Hex triplet	ad6a1f	`#ad6a1f`
RGB Decimal	173, 106, 31	`rgb(173,106,31)`
RGB Percent	67.8, 41.6, 12.2	`rgb(67.8%,41.6%,12.2%)`
CMYK	0, 39, 82, 32
HSL	31.7°, 69.6, 40	`hsl(31.7,69.6%,40%)`
HSV (or HSB)	31.7°, 82.1, 67.8
Web Safe	996633	`#996633`

CIE-LAB	51.028, 21.009, 50.046
XYZ	22.636, 19.293, 3.828
xyY	0.495, 0.422, 19.293
CIE-LCH	51.028, 54.277, 67.228
CIE-LUV	51.028, 54.417, 45.364
Hunter-Lab	43.924, 15.121, 25.579
Binary	10101101, 01101010, 00011111

#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#1f62ad
```
#1f62ad rgb(31,98,173)
```

Complementary Color

#ad231f
```
#ad231f rgb(173,35,31)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#a9ad1f
```
#a9ad1f rgb(169,173,31)
```

Analogous Color

#231fad
```
#231fad rgb(35,31,173)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#1fa9ad
```
#1fa9ad rgb(31,169,173)
```

Split Complementary Color

#6a1fad
```
#6a1fad rgb(106,31,173)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#1fad6a
```
#1fad6a rgb(31,173,106)
```

Triadic Color

#ad1f62
```
#ad1f62 rgb(173,31,98)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#1fad6a
```
#1fad6a rgb(31,173,106)
```
#1f62ad
```
#1f62ad rgb(31,98,173)
```

Tetradic Color

#6c4213
```
#6c4213 rgb(108,66,19)
```
#825017
```
#825017 rgb(130,80,23)
```
#975d1b
```
#975d1b rgb(151,93,27)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#c37723
```
#c37723 rgb(195,119,35)
```
#d88527
```
#d88527 rgb(216,133,39)
```
#dc913c
```
#dc913c rgb(220,145,60)
```

Monochromatic Color

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

#ad471f
```
#ad471f rgb(173,71,31)
```
#ad521f
```
#ad521f rgb(173,82,31)
```
#ad5e1f
```
#ad5e1f rgb(173,94,31)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#ad761f
```
#ad761f rgb(173,118,31)
```
#ad821f
```
#ad821f rgb(173,130,31)
```
#ad8e1f
```
#ad8e1f rgb(173,142,31)
```

Similar Colors

Text with hexadecimal color #ad6a1f

This text has a font color of #ad6a1f.

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

#ad6a1f background color

This paragraph has a background color of #ad6a1f.

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

#ad6a1f border color

This element has a border color of #ad6a1f.

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

CSS codes

.text {color:#ad6a1f;}

.background {background-color:#ad6a1f;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#170e04
```
#170e04 rgb(23,14,4)
```
#281807
```
#281807 rgb(40,24,7)
```
#39230a
```
#39230a rgb(57,35,10)
```
#492d0d
```
#492d0d rgb(73,45,13)
```
#5a3710
```
#5a3710 rgb(90,55,16)
```
#6a4113
```
#6a4113 rgb(106,65,19)
```
#7b4b16
```
#7b4b16 rgb(123,75,22)
```
#8c5619
```
#8c5619 rgb(140,86,25)
```
#9c601c
```
#9c601c rgb(156,96,28)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#be7422
```
#be7422 rgb(190,116,34)
```
#ce7e25
```
#ce7e25 rgb(206,126,37)
```

Shade Color Variation

#d9882d
```
#d9882d rgb(217,136,45)
```
#dc923e
```
#dc923e rgb(220,146,62)
```
#df9b4f
```
#df9b4f rgb(223,155,79)
```
#e2a55f
```
#e2a55f rgb(226,165,95)
```
#e5ae70
```
#e5ae70 rgb(229,174,112)
```
#e8b781
```
#e8b781 rgb(232,183,129)
```
#ebc191
```
#ebc191 rgb(235,193,145)
```
#eecaa2
```
#eecaa2 rgb(238,202,162)
```
#f1d4b2
```
#f1d4b2 rgb(241,212,178)
```
#f4ddc3
```
#f4ddc3 rgb(244,221,195)
```
#f7e7d4
```
#f7e7d4 rgb(247,231,212)
```
#faf0e4
```
#faf0e4 rgb(250,240,228)
```
#fdf9f5
```
#fdf9f5 rgb(253,249,245)
```

Tint Color Variation

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

#666666
```
#666666 rgb(102,102,102)
```
#6e665e
```
#6e665e rgb(110,102,94)
```
#766756
```
#766756 rgb(118,103,86)
```
#7e674e
```
#7e674e rgb(126,103,78)
```
#866846
```
#866846 rgb(134,104,70)
```
#8e683e
```
#8e683e rgb(142,104,62)
```
#956937
```
#956937 rgb(149,105,55)
```
#9d692f
```
#9d692f rgb(157,105,47)
```
#a56a27
```
#a56a27 rgb(165,106,39)
```
#ad6a1f
```
#ad6a1f rgb(173,106,31)
```
#b56a17
```
#b56a17 rgb(181,106,23)
```
#bd6b0f
```
#bd6b0f rgb(189,107,15)
```
#c56b07
```
#c56b07 rgb(197,107,7)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#807364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f802e Protanopia 1% of men
#9f7a26 Deuteranopia 1% of men
#b56a71 Tritanopia 0.001% of the population

Trichromacy

#997828 Protanomaly 1% of men, 0.01% of women
#a47423 Deuteranomaly 6% of men, 0.4% of women
#b26a53 Tritanomaly 0.01% of the population

#ad6a1f hex color

#ad6a1f Color Information

#ad6a1f Color Conversion

Color Schemes with #ad6a1f

Alternatives to #ad6a1f

#ad6a1f Preview

Shades and Tints of #ad6a1f

Tones of #ad6a1f

Color Blindness Simulator