#ad5f20 hex color

In a RGB color space, hex #ad5f20 is composed of 67.8% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 81.5% yellow and 32.2% black. It has a hue angle of 26.8 degrees, a saturation of 68.8% and a lightness of 40.2%. #ad5f20 color hex could be obtained by blending #ffbe40 with #5b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 37
- B 13
RGB color chart
- C 0
- M 45
- Y 82
- K 32
CMYK color chart

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

The hexadecimal color #ad5f20 has RGB values of R:173, G:95, B:32 and CMYK values of C:0, M:0.45, Y:0.82, K:0.32. Its decimal value is 11362080.

Hex triplet	ad5f20	`#ad5f20`
RGB Decimal	173, 95, 32	`rgb(173,95,32)`
RGB Percent	67.8, 37.3, 12.5	`rgb(67.8%,37.3%,12.5%)`
CMYK	0, 45, 82, 32
HSL	26.8°, 68.8, 40.2	`hsl(26.8,68.8%,40.2%)`
HSV (or HSB)	26.8°, 81.5, 67.8
Web Safe	996633	`#996633`

CIE-LAB	48.48, 27.134, 47.311
XYZ	21.587, 17.175, 3.545
xyY	0.51, 0.406, 17.175
CIE-LCH	48.48, 54.539, 60.165
CIE-LUV	48.48, 63.071, 40.942
Hunter-Lab	41.442, 20.456, 23.939
Binary	10101101, 01011111, 00100000

#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#206ead
```
#206ead rgb(32,110,173)
```

Complementary Color

#ad2028
```
#ad2028 rgb(173,32,40)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#ada620
```
#ada620 rgb(173,166,32)
```

Analogous Color

#2028ad
```
#2028ad rgb(32,40,173)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#20ada6
```
#20ada6 rgb(32,173,166)
```

Split Complementary Color

#5f20ad
```
#5f20ad rgb(95,32,173)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#20ad5f
```
#20ad5f rgb(32,173,95)
```

Triadic Color

#ad206e
```
#ad206e rgb(173,32,110)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#20ad5f
```
#20ad5f rgb(32,173,95)
```
#206ead
```
#206ead rgb(32,110,173)
```

Tetradic Color

#6c3c14
```
#6c3c14 rgb(108,60,20)
```
#824718
```
#824718 rgb(130,71,24)
```
#97531c
```
#97531c rgb(151,83,28)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#c36b24
```
#c36b24 rgb(195,107,36)
```
#d77729
```
#d77729 rgb(215,119,41)
```
#db843e
```
#db843e rgb(219,132,62)
```

Monochromatic Color

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

#ad3c20
```
#ad3c20 rgb(173,60,32)
```
#ad4720
```
#ad4720 rgb(173,71,32)
```
#ad5320
```
#ad5320 rgb(173,83,32)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#ad6b20
```
#ad6b20 rgb(173,107,32)
```
#ad7720
```
#ad7720 rgb(173,119,32)
```
#ad8220
```
#ad8220 rgb(173,130,32)
```

Similar Colors

Text with hexadecimal color #ad5f20

This text has a font color of #ad5f20.

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

#ad5f20 background color

This paragraph has a background color of #ad5f20.

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

#ad5f20 border color

This element has a border color of #ad5f20.

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

CSS codes

.text {color:#ad5f20;}

.background {background-color:#ad5f20;}

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

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 #fdf9f6 is the lightest one.

#070401
```
#070401 rgb(7,4,1)
```
#180d04
```
#180d04 rgb(24,13,4)
```
#291608
```
#291608 rgb(41,22,8)
```
#391f0b
```
#391f0b rgb(57,31,11)
```
#4a280e
```
#4a280e rgb(74,40,14)
```
#5a3211
```
#5a3211 rgb(90,50,17)
```
#6b3b14
```
#6b3b14 rgb(107,59,20)
```
#7b4417
```
#7b4417 rgb(123,68,23)
```
#8c4d1a
```
#8c4d1a rgb(140,77,26)
```
#9c561d
```
#9c561d rgb(156,86,29)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#be6823
```
#be6823 rgb(190,104,35)
```
#ce7126
```
#ce7126 rgb(206,113,38)
```

Shade Color Variation

#d97b2f
```
#d97b2f rgb(217,123,47)
```
#dc8540
```
#dc8540 rgb(220,133,64)
```
#df9050
```
#df9050 rgb(223,144,80)
```
#e29a61
```
#e29a61 rgb(226,154,97)
```
#e5a571
```
#e5a571 rgb(229,165,113)
```
#e8b082
```
#e8b082 rgb(232,176,130)
```
#ebba93
```
#ebba93 rgb(235,186,147)
```
#eec5a3
```
#eec5a3 rgb(238,197,163)
```
#f1cfb4
```
#f1cfb4 rgb(241,207,180)
```
#f4dac4
```
#f4dac4 rgb(244,218,196)
```
#f7e4d5
```
#f7e4d5 rgb(247,228,213)
```
#faefe5
```
#faefe5 rgb(250,239,229)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#6e665f
```
#6e665f rgb(110,102,95)
```
#766557
```
#766557 rgb(118,101,87)
```
#7e644f
```
#7e644f rgb(126,100,79)
```
#866347
```
#866347 rgb(134,99,71)
```
#8d6240
```
#8d6240 rgb(141,98,64)
```
#956238
```
#956238 rgb(149,98,56)
```
#9d6130
```
#9d6130 rgb(157,97,48)
```
#a56028
```
#a56028 rgb(165,96,40)
```
#ad5f20
```
#ad5f20 rgb(173,95,32)
```
#b55e18
```
#b55e18 rgb(181,94,24)
```
#bd5d10
```
#bd5d10 rgb(189,93,16)
```
#c55c08
```
#c55c08 rgb(197,92,8)
```
#cd5c00
```
#cd5c00 rgb(205,92,0)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7b6c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a30 Protanopia 1% of men
#987426 Deuteranopia 1% of men
#b46167 Tritanopia 0.001% of the population

Trichromacy

#95702a Protanomaly 1% of men, 0.01% of women
#9f6c23 Deuteranomaly 6% of men, 0.4% of women
#b1604d Tritanomaly 0.01% of the population

#ad5f20 hex color

#ad5f20 Color Information

#ad5f20 Color Conversion

Color Schemes with #ad5f20

Alternatives to #ad5f20

#ad5f20 Preview

Shades and Tints of #ad5f20

Tones of #ad5f20

Color Blindness Simulator