#ad522d hex color

In a RGB color space, hex #ad522d is composed of 67.8% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 74% yellow and 32.2% black. It has a hue angle of 17.3 degrees, a saturation of 58.7% and a lightness of 42.7%. #ad522d color hex could be obtained by blending #ffa45a with #5b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 32
- B 18
RGB color chart
- C 0
- M 53
- Y 74
- K 32
CMYK color chart

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

The hexadecimal color #ad522d has RGB values of R:173, G:82, B:45 and CMYK values of C:0, M:0.53, Y:0.74, K:0.32. Its decimal value is 11358765.

Hex triplet	ad522d	`#ad522d`
RGB Decimal	173, 82, 45	`rgb(173,82,45)`
RGB Percent	67.8, 32.2, 17.6	`rgb(67.8%,32.2%,17.6%)`
CMYK	0, 53, 74, 32
HSL	17.3°, 58.7, 42.7	`hsl(17.3,58.7%,42.7%)`
HSV (or HSB)	17.3°, 74, 67.8
Web Safe	996633	`#996633`

CIE-LAB	45.785, 34.634, 38.377
XYZ	20.725, 15.11, 4.308
xyY	0.516, 0.376, 15.11
CIE-LCH	45.785, 51.694, 47.935
CIE-LUV	45.785, 71.806, 32.203
Hunter-Lab	38.872, 27.145, 20.64
Binary	10101101, 01010010, 00101101

#ad522d
```
#ad522d rgb(173,82,45)
```
#2d88ad
```
#2d88ad rgb(45,136,173)
```

Complementary Color

#ad2d48
```
#ad2d48 rgb(173,45,72)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#ad922d
```
#ad922d rgb(173,146,45)
```

Analogous Color

#2d48ad
```
#2d48ad rgb(45,72,173)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#2dad92
```
#2dad92 rgb(45,173,146)
```

Split Complementary Color

#522dad
```
#522dad rgb(82,45,173)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#2dad52
```
#2dad52 rgb(45,173,82)
```

Triadic Color

#ad2d88
```
#ad2d88 rgb(173,45,136)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#2dad52
```
#2dad52 rgb(45,173,82)
```
#2d88ad
```
#2d88ad rgb(45,136,173)
```

Tetradic Color

#70351d
```
#70351d rgb(112,53,29)
```
#853f22
```
#853f22 rgb(133,63,34)
```
#994828
```
#994828 rgb(153,72,40)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#c15c32
```
#c15c32 rgb(193,92,50)
```
#cd6940
```
#cd6940 rgb(205,105,64)
```
#d37954
```
#d37954 rgb(211,121,84)
```

Monochromatic Color

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

#ad322d
```
#ad322d rgb(173,50,45)
```
#ad3d2d
```
#ad3d2d rgb(173,61,45)
```
#ad472d
```
#ad472d rgb(173,71,45)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#ad5d2d
```
#ad5d2d rgb(173,93,45)
```
#ad672d
```
#ad672d rgb(173,103,45)
```
#ad722d
```
#ad722d rgb(173,114,45)
```

Similar Colors

Text with hexadecimal color #ad522d

This text has a font color of #ad522d.

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

#ad522d background color

This paragraph has a background color of #ad522d.

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

#ad522d border color

This element has a border color of #ad522d.

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

CSS codes

.text {color:#ad522d;}

.background {background-color:#ad522d;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110805
```
#110805 rgb(17,8,5)
```
#211009
```
#211009 rgb(33,16,9)
```
#30170d
```
#30170d rgb(48,23,13)
```
#401e11
```
#401e11 rgb(64,30,17)
```
#502615
```
#502615 rgb(80,38,21)
```
#5f2d19
```
#5f2d19 rgb(95,45,25)
```
#6f341d
```
#6f341d rgb(111,52,29)
```
#7e3c21
```
#7e3c21 rgb(126,60,33)
```
#8e4325
```
#8e4325 rgb(142,67,37)
```
#9d4b29
```
#9d4b29 rgb(157,75,41)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#bd5931
```
#bd5931 rgb(189,89,49)
```

Shade Color Variation

#cb6136
```
#cb6136 rgb(203,97,54)
```
#cf6e46
```
#cf6e46 rgb(207,110,70)
```
#d37a56
```
#d37a56 rgb(211,122,86)
```
#d78665
```
#d78665 rgb(215,134,101)
```
#db9275
```
#db9275 rgb(219,146,117)
```
#df9e84
```
#df9e84 rgb(223,158,132)
```
#e3ab94
```
#e3ab94 rgb(227,171,148)
```
#e7b7a3
```
#e7b7a3 rgb(231,183,163)
```
#ebc3b3
```
#ebc3b3 rgb(235,195,179)
```
#efcfc3
```
#efcfc3 rgb(239,207,195)
```
#f3dcd2
```
#f3dcd2 rgb(243,220,210)
```
#f7e8e2
```
#f7e8e2 rgb(247,232,226)
```
#fbf4f1
```
#fbf4f1 rgb(251,244,241)
```

Tint Color Variation

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

#726b68
```
#726b68 rgb(114,107,104)
```
#7b675f
```
#7b675f rgb(123,103,95)
```
#836457
```
#836457 rgb(131,100,87)
```
#8b604f
```
#8b604f rgb(139,96,79)
```
#945d46
```
#945d46 rgb(148,93,70)
```
#9c593e
```
#9c593e rgb(156,89,62)
```
#a55635
```
#a55635 rgb(165,86,53)
```
#ad522d
```
#ad522d rgb(173,82,45)
```
#b54e25
```
#b54e25 rgb(181,78,37)
```
#be4b1c
```
#be4b1c rgb(190,75,28)
```
#c64714
```
#c64714 rgb(198,71,20)
```
#cf440b
```
#cf440b rgb(207,68,11)
```
#d74003
```
#d74003 rgb(215,64,3)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f743f Protanopia 1% of men
#8f6e32 Deuteranopia 1% of men
#b3565c Tritanopia 0.001% of the population

Trichromacy

#906738 Protanomaly 1% of men, 0.01% of women
#996430 Deuteranomaly 6% of men, 0.4% of women
#b0544a Tritanomaly 0.01% of the population

#ad522d hex color

#ad522d Color Information

#ad522d Color Conversion

Color Schemes with #ad522d

Alternatives to #ad522d

#ad522d Preview

Shades and Tints of #ad522d

Tones of #ad522d

Color Blindness Simulator