#ad5e20 hex color

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

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

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

The hexadecimal color #ad5e20 has RGB values of R:173, G:94, B:32 and CMYK values of C:0, M:0.46, Y:0.82, K:0.32. Its decimal value is 11361824.

Hex triplet	ad5e20	`#ad5e20`
RGB Decimal	173, 94, 32	`rgb(173,94,32)`
RGB Percent	67.8, 36.9, 12.5	`rgb(67.8%,36.9%,12.5%)`
CMYK	0, 46, 82, 32
HSL	26.4°, 68.8, 40.2	`hsl(26.4,68.8%,40.2%)`
HSV (or HSB)	26.4°, 81.5, 67.8
Web Safe	996633	`#996633`

CIE-LAB	48.255, 27.681, 47.103
XYZ	21.498, 16.996, 3.515
xyY	0.512, 0.405, 16.996
CIE-LCH	48.255, 54.634, 59.559
CIE-LUV	48.255, 63.861, 40.569
Hunter-Lab	41.226, 20.935, 23.803
Binary	10101101, 01011110, 00100000

#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#206fad
```
#206fad rgb(32,111,173)
```

Complementary Color

#ad2028
```
#ad2028 rgb(173,32,40)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#ada520
```
#ada520 rgb(173,165,32)
```

Analogous Color

#2029ad
```
#2029ad rgb(32,41,173)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#20ada5
```
#20ada5 rgb(32,173,165)
```

Split Complementary Color

#5e20ad
```
#5e20ad rgb(94,32,173)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#20ad5e
```
#20ad5e rgb(32,173,94)
```

Triadic Color

#ad206f
```
#ad206f rgb(173,32,111)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#20ad5e
```
#20ad5e rgb(32,173,94)
```
#206fad
```
#206fad rgb(32,111,173)
```

Tetradic Color

#6c3b14
```
#6c3b14 rgb(108,59,20)
```
#824718
```
#824718 rgb(130,71,24)
```
#97521c
```
#97521c rgb(151,82,28)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#c36a24
```
#c36a24 rgb(195,106,36)
```
#d77529
```
#d77529 rgb(215,117,41)
```
#db833e
```
#db833e rgb(219,131,62)
```

Monochromatic Color

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

#ad3b20
```
#ad3b20 rgb(173,59,32)
```
#ad4720
```
#ad4720 rgb(173,71,32)
```
#ad5220
```
#ad5220 rgb(173,82,32)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#ad6a20
```
#ad6a20 rgb(173,106,32)
```
#ad7620
```
#ad7620 rgb(173,118,32)
```
#ad8120
```
#ad8120 rgb(173,129,32)
```

Similar Colors

Text with hexadecimal color #ad5e20

This text has a font color of #ad5e20.

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

#ad5e20 background color

This paragraph has a background color of #ad5e20.

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

#ad5e20 border color

This element has a border color of #ad5e20.

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

CSS codes

.text {color:#ad5e20;}

.background {background-color:#ad5e20;}

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

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)
```
#5a3111
```
#5a3111 rgb(90,49,17)
```
#6b3a14
```
#6b3a14 rgb(107,58,20)
```
#7b4317
```
#7b4317 rgb(123,67,23)
```
#8c4c1a
```
#8c4c1a rgb(140,76,26)
```
#9c551d
```
#9c551d rgb(156,85,29)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#be6723
```
#be6723 rgb(190,103,35)
```
#ce7026
```
#ce7026 rgb(206,112,38)
```

Shade Color Variation

#d97a2f
```
#d97a2f rgb(217,122,47)
```
#dc8440
```
#dc8440 rgb(220,132,64)
```
#df8f50
```
#df8f50 rgb(223,143,80)
```
#e29a61
```
#e29a61 rgb(226,154,97)
```
#e5a471
```
#e5a471 rgb(229,164,113)
```
#e8af82
```
#e8af82 rgb(232,175,130)
```
#ebb993
```
#ebb993 rgb(235,185,147)
```
#eec4a3
```
#eec4a3 rgb(238,196,163)
```
#f1cfb4
```
#f1cfb4 rgb(241,207,180)
```
#f4d9c4
```
#f4d9c4 rgb(244,217,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 #cd5a00 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)
```
#956138
```
#956138 rgb(149,97,56)
```
#9d6030
```
#9d6030 rgb(157,96,48)
```
#a55f28
```
#a55f28 rgb(165,95,40)
```
#ad5e20
```
#ad5e20 rgb(173,94,32)
```
#b55d18
```
#b55d18 rgb(181,93,24)
```
#bd5c10
```
#bd5c10 rgb(189,92,16)
```
#c55b08
```
#c55b08 rgb(197,91,8)
```
#cd5a00
```
#cd5a00 rgb(205,90,0)
```

Tone Color Variation

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

#877a30 Protanopia 1% of men
#977425 Deuteranopia 1% of men
#b46066 Tritanopia 0.001% of the population

Trichromacy

#956f2a Protanomaly 1% of men, 0.01% of women
#9f6c23 Deuteranomaly 6% of men, 0.4% of women
#b15f4c Tritanomaly 0.01% of the population

#ad5e20 hex color

#ad5e20 Color Information

#ad5e20 Color Conversion

Color Schemes with #ad5e20

Alternatives to #ad5e20

#ad5e20 Preview

Shades and Tints of #ad5e20

Tones of #ad5e20

Color Blindness Simulator