#ad6420 hex color

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

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

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

The hexadecimal color #ad6420 has RGB values of R:173, G:100, B:32 and CMYK values of C:0, M:0.42, Y:0.82, K:0.32. Its decimal value is 11363360.

Hex triplet	ad6420	`#ad6420`
RGB Decimal	173, 100, 32	`rgb(173,100,32)`
RGB Percent	67.8, 39.2, 12.5	`rgb(67.8%,39.2%,12.5%)`
CMYK	0, 42, 82, 32
HSL	28.9°, 68.8, 40.2	`hsl(28.9,68.8%,40.2%)`
HSV (or HSB)	28.9°, 81.5, 67.8
Web Safe	996633	`#996633`

CIE-LAB	49.623, 24.381, 48.364
XYZ	22.052, 18.105, 3.7
xyY	0.503, 0.413, 18.105
CIE-LCH	49.623, 54.162, 63.247
CIE-LUV	49.623, 59.113, 42.827
Hunter-Lab	42.55, 18.049, 24.629
Binary	10101101, 01100100, 00100000

#ad6420
```
#ad6420 rgb(173,100,32)
```
#2069ad
```
#2069ad rgb(32,105,173)
```

Complementary Color

#ad2022
```
#ad2022 rgb(173,32,34)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#adab20
```
#adab20 rgb(173,171,32)
```

Analogous Color

#2023ad
```
#2023ad rgb(32,35,173)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#20adab
```
#20adab rgb(32,173,171)
```

Split Complementary Color

#6420ad
```
#6420ad rgb(100,32,173)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#20ad64
```
#20ad64 rgb(32,173,100)
```

Triadic Color

#ad2069
```
#ad2069 rgb(173,32,105)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#20ad64
```
#20ad64 rgb(32,173,100)
```
#2069ad
```
#2069ad rgb(32,105,173)
```

Tetradic Color

#6c3f14
```
#6c3f14 rgb(108,63,20)
```
#824b18
```
#824b18 rgb(130,75,24)
```
#97581c
```
#97581c rgb(151,88,28)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#c37024
```
#c37024 rgb(195,112,36)
```
#d77d29
```
#d77d29 rgb(215,125,41)
```
#db8a3e
```
#db8a3e rgb(219,138,62)
```

Monochromatic Color

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

#ad4120
```
#ad4120 rgb(173,65,32)
```
#ad4d20
```
#ad4d20 rgb(173,77,32)
```
#ad5820
```
#ad5820 rgb(173,88,32)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#ad7020
```
#ad7020 rgb(173,112,32)
```
#ad7c20
```
#ad7c20 rgb(173,124,32)
```
#ad8720
```
#ad8720 rgb(173,135,32)
```

Similar Colors

Text with hexadecimal color #ad6420

This text has a font color of #ad6420.

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

#ad6420 background color

This paragraph has a background color of #ad6420.

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

#ad6420 border color

This element has a border color of #ad6420.

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

CSS codes

.text {color:#ad6420;}

.background {background-color:#ad6420;}

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

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)
```
#180e04
```
#180e04 rgb(24,14,4)
```
#291708
```
#291708 rgb(41,23,8)
```
#39210b
```
#39210b rgb(57,33,11)
```
#4a2b0e
```
#4a2b0e rgb(74,43,14)
```
#5a3411
```
#5a3411 rgb(90,52,17)
```
#6b3e14
```
#6b3e14 rgb(107,62,20)
```
#7b4717
```
#7b4717 rgb(123,71,23)
```
#8c511a
```
#8c511a rgb(140,81,26)
```
#9c5a1d
```
#9c5a1d rgb(156,90,29)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#be6e23
```
#be6e23 rgb(190,110,35)
```
#ce7726
```
#ce7726 rgb(206,119,38)
```

Shade Color Variation

#d9812f
```
#d9812f rgb(217,129,47)
```
#dc8b40
```
#dc8b40 rgb(220,139,64)
```
#df9550
```
#df9550 rgb(223,149,80)
```
#e29f61
```
#e29f61 rgb(226,159,97)
```
#e5a971
```
#e5a971 rgb(229,169,113)
```
#e8b382
```
#e8b382 rgb(232,179,130)
```
#ebbd93
```
#ebbd93 rgb(235,189,147)
```
#eec7a3
```
#eec7a3 rgb(238,199,163)
```
#f1d1b4
```
#f1d1b4 rgb(241,209,180)
```
#f4dbc4
```
#f4dbc4 rgb(244,219,196)
```
#f7e5d5
```
#f7e5d5 rgb(247,229,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 #cd6300 is the most saturated one.

#6e665f
```
#6e665f rgb(110,102,95)
```
#766657
```
#766657 rgb(118,102,87)
```
#7e664f
```
#7e664f rgb(126,102,79)
```
#866547
```
#866547 rgb(134,101,71)
```
#8d6540
```
#8d6540 rgb(141,101,64)
```
#956538
```
#956538 rgb(149,101,56)
```
#9d6530
```
#9d6530 rgb(157,101,48)
```
#a56428
```
#a56428 rgb(165,100,40)
```
#ad6420
```
#ad6420 rgb(173,100,32)
```
#b56418
```
#b56418 rgb(181,100,24)
```
#bd6310
```
#bd6310 rgb(189,99,16)
```
#c56308
```
#c56308 rgb(197,99,8)
```
#cd6300
```
#cd6300 rgb(205,99,0)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e6f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d30 Protanopia 1% of men
#9b7726 Deuteranopia 1% of men
#b4656c Tritanopia 0.001% of the population

Trichromacy

#97742a Protanomaly 1% of men, 0.01% of women
#a17024 Deuteranomaly 6% of men, 0.4% of women
#b16550 Tritanomaly 0.01% of the population

#ad6420 hex color

#ad6420 Color Information

#ad6420 Color Conversion

Color Schemes with #ad6420

Alternatives to #ad6420

#ad6420 Preview

Shades and Tints of #ad6420

Tones of #ad6420

Color Blindness Simulator