#ad522c hex color

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

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

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

The hexadecimal color #ad522c has RGB values of R:173, G:82, B:44 and CMYK values of C:0, M:0.53, Y:0.75, K:0.32. Its decimal value is 11358764.

Hex triplet	ad522c	`#ad522c`
RGB Decimal	173, 82, 44	`rgb(173,82,44)`
RGB Percent	67.8, 32.2, 17.3	`rgb(67.8%,32.2%,17.3%)`
CMYK	0, 53, 75, 32
HSL	17.7°, 59.4, 42.5	`hsl(17.7,59.4%,42.5%)`
HSV (or HSB)	17.7°, 74.6, 67.8
Web Safe	996633	`#996633`

CIE-LAB	45.774, 34.586, 38.892
XYZ	20.706, 15.103, 4.207
xyY	0.517, 0.377, 15.103
CIE-LCH	45.774, 52.046, 48.353
CIE-LUV	45.774, 71.931, 32.558
Hunter-Lab	38.862, 27.098, 20.784
Binary	10101101, 01010010, 00101100

#ad522c
```
#ad522c rgb(173,82,44)
```
#2c87ad
```
#2c87ad rgb(44,135,173)
```

Complementary Color

#ad2c47
```
#ad2c47 rgb(173,44,71)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#ad932c
```
#ad932c rgb(173,147,44)
```

Analogous Color

#2c47ad
```
#2c47ad rgb(44,71,173)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#2cad93
```
#2cad93 rgb(44,173,147)
```

Split Complementary Color

#522cad
```
#522cad rgb(82,44,173)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#2cad52
```
#2cad52 rgb(44,173,82)
```

Triadic Color

#ad2c87
```
#ad2c87 rgb(173,44,135)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#2cad52
```
#2cad52 rgb(44,173,82)
```
#2c87ad
```
#2c87ad rgb(44,135,173)
```

Tetradic Color

#70351c
```
#70351c rgb(112,53,28)
```
#843f22
```
#843f22 rgb(132,63,34)
```
#994827
```
#994827 rgb(153,72,39)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#c15c31
```
#c15c31 rgb(193,92,49)
```
#ce683e
```
#ce683e rgb(206,104,62)
```
#d37852
```
#d37852 rgb(211,120,82)
```

Monochromatic Color

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

#ad322c
```
#ad322c rgb(173,50,44)
```
#ad3d2c
```
#ad3d2c rgb(173,61,44)
```
#ad472c
```
#ad472c rgb(173,71,44)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#ad5d2c
```
#ad5d2c rgb(173,93,44)
```
#ad682c
```
#ad682c rgb(173,104,44)
```
#ad722c
```
#ad722c rgb(173,114,44)
```

Similar Colors

Text with hexadecimal color #ad522c

This text has a font color of #ad522c.

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

#ad522c background color

This paragraph has a background color of #ad522c.

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

#ad522c border color

This element has a border color of #ad522c.

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

CSS codes

.text {color:#ad522c;}

.background {background-color:#ad522c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#200f08
```
#200f08 rgb(32,15,8)
```
#30170c
```
#30170c rgb(48,23,12)
```
#401e10
```
#401e10 rgb(64,30,16)
```
#4f2614
```
#4f2614 rgb(79,38,20)
```
#5f2d18
```
#5f2d18 rgb(95,45,24)
```
#6e341c
```
#6e341c rgb(110,52,28)
```
#7e3c20
```
#7e3c20 rgb(126,60,32)
```
#8e4324
```
#8e4324 rgb(142,67,36)
```
#9d4b28
```
#9d4b28 rgb(157,75,40)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#bd5930
```
#bd5930 rgb(189,89,48)
```

Shade Color Variation

#cc6135
```
#cc6135 rgb(204,97,53)
```
#d06d44
```
#d06d44 rgb(208,109,68)
```
#d37a54
```
#d37a54 rgb(211,122,84)
```
#d78664
```
#d78664 rgb(215,134,100)
```
#db9273
```
#db9273 rgb(219,146,115)
```
#df9e83
```
#df9e83 rgb(223,158,131)
```
#e3aa93
```
#e3aa93 rgb(227,170,147)
```
#e7b7a2
```
#e7b7a2 rgb(231,183,162)
```
#ebc3b2
```
#ebc3b2 rgb(235,195,178)
```
#efcfc1
```
#efcfc1 rgb(239,207,193)
```
#f3dbd1
```
#f3dbd1 rgb(243,219,209)
```
#f7e7e1
```
#f7e7e1 rgb(247,231,225)
```
#fbf4f0
```
#fbf4f0 rgb(251,244,240)
```

Tint Color Variation

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

#736a66
```
#736a66 rgb(115,106,102)
```
#7b675e
```
#7b675e rgb(123,103,94)
```
#836356
```
#836356 rgb(131,99,86)
```
#8c604d
```
#8c604d rgb(140,96,77)
```
#945c45
```
#945c45 rgb(148,92,69)
```
#9c593d
```
#9c593d rgb(156,89,61)
```
#a55534
```
#a55534 rgb(165,85,52)
```
#ad522c
```
#ad522c rgb(173,82,44)
```
#b54f24
```
#b54f24 rgb(181,79,36)
```
#be4b1b
```
#be4b1b rgb(190,75,27)
```
#c64813
```
#c64813 rgb(198,72,19)
```
#ce440b
```
#ce440b rgb(206,68,11)
```
#d74102
```
#d74102 rgb(215,65,2)
```

Tone Color Variation

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

#7f743e Protanopia 1% of men
#8f6e31 Deuteranopia 1% of men
#b3565c Tritanopia 0.001% of the population

Trichromacy

#906737 Protanomaly 1% of men, 0.01% of women
#99642f Deuteranomaly 6% of men, 0.4% of women
#b0544a Tritanomaly 0.01% of the population

#ad522c hex color

#ad522c Color Information

#ad522c Color Conversion

Color Schemes with #ad522c

Alternatives to #ad522c

#ad522c Preview

Shades and Tints of #ad522c

Tones of #ad522c

Color Blindness Simulator