#ad5a2d hex color

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

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

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

The hexadecimal color #ad5a2d has RGB values of R:173, G:90, B:45 and CMYK values of C:0, M:0.48, Y:0.74, K:0.32. Its decimal value is 11360813.

Hex triplet	ad5a2d	`#ad5a2d`
RGB Decimal	173, 90, 45	`rgb(173,90,45)`
RGB Percent	67.8, 35.3, 17.6	`rgb(67.8%,35.3%,17.6%)`
CMYK	0, 48, 74, 32
HSL	21.1°, 58.7, 42.7	`hsl(21.1,58.7%,42.7%)`
HSV (or HSB)	21.1°, 74, 67.8
Web Safe	996633	`#996633`

CIE-LAB	47.479, 30.39, 40.194
XYZ	21.364, 16.388, 4.521
xyY	0.505, 0.388, 16.388
CIE-LCH	47.479, 50.389, 52.907
CIE-LUV	47.479, 65.767, 35.195
Hunter-Lab	40.482, 23.359, 21.716
Binary	10101101, 01011010, 00101101

#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#2d80ad
```
#2d80ad rgb(45,128,173)
```

Complementary Color

#ad2d40
```
#ad2d40 rgb(173,45,64)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#ad9a2d
```
#ad9a2d rgb(173,154,45)
```

Analogous Color

#2d40ad
```
#2d40ad rgb(45,64,173)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#2dad9a
```
#2dad9a rgb(45,173,154)
```

Split Complementary Color

#5a2dad
```
#5a2dad rgb(90,45,173)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#2dad5a
```
#2dad5a rgb(45,173,90)
```

Triadic Color

#ad2d80
```
#ad2d80 rgb(173,45,128)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#2dad5a
```
#2dad5a rgb(45,173,90)
```
#2d80ad
```
#2d80ad rgb(45,128,173)
```

Tetradic Color

#703a1d
```
#703a1d rgb(112,58,29)
```
#854522
```
#854522 rgb(133,69,34)
```
#994f28
```
#994f28 rgb(153,79,40)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#c16532
```
#c16532 rgb(193,101,50)
```
#cd7140
```
#cd7140 rgb(205,113,64)
```
#d38054
```
#d38054 rgb(211,128,84)
```

Monochromatic Color

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

#ad3a2d
```
#ad3a2d rgb(173,58,45)
```
#ad452d
```
#ad452d rgb(173,69,45)
```
#ad4f2d
```
#ad4f2d rgb(173,79,45)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#ad652d
```
#ad652d rgb(173,101,45)
```
#ad6f2d
```
#ad6f2d rgb(173,111,45)
```
#ad7a2d
```
#ad7a2d rgb(173,122,45)
```

Similar Colors

Text with hexadecimal color #ad5a2d

This text has a font color of #ad5a2d.

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

#ad5a2d background color

This paragraph has a background color of #ad5a2d.

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

#ad5a2d border color

This element has a border color of #ad5a2d.

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

CSS codes

.text {color:#ad5a2d;}

.background {background-color:#ad5a2d;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110905
```
#110905 rgb(17,9,5)
```
#211109
```
#211109 rgb(33,17,9)
```
#30190d
```
#30190d rgb(48,25,13)
```
#402111
```
#402111 rgb(64,33,17)
```
#502915
```
#502915 rgb(80,41,21)
```
#5f3219
```
#5f3219 rgb(95,50,25)
```
#6f3a1d
```
#6f3a1d rgb(111,58,29)
```
#7e4221
```
#7e4221 rgb(126,66,33)
```
#8e4a25
```
#8e4a25 rgb(142,74,37)
```
#9d5229
```
#9d5229 rgb(157,82,41)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#bd6231
```
#bd6231 rgb(189,98,49)
```

Shade Color Variation

#cb6b36
```
#cb6b36 rgb(203,107,54)
```
#cf7646
```
#cf7646 rgb(207,118,70)
```
#d38256
```
#d38256 rgb(211,130,86)
```
#d78d65
```
#d78d65 rgb(215,141,101)
```
#db9975
```
#db9975 rgb(219,153,117)
```
#dfa484
```
#dfa484 rgb(223,164,132)
```
#e3b094
```
#e3b094 rgb(227,176,148)
```
#e7bba3
```
#e7bba3 rgb(231,187,163)
```
#ebc7b3
```
#ebc7b3 rgb(235,199,179)
```
#efd2c3
```
#efd2c3 rgb(239,210,195)
```
#f3ded2
```
#f3ded2 rgb(243,222,210)
```
#f7e9e2
```
#f7e9e2 rgb(247,233,226)
```
#fbf5f1
```
#fbf5f1 rgb(251,245,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 #d74e03 is the most saturated one.

#726b68
```
#726b68 rgb(114,107,104)
```
#7b695f
```
#7b695f rgb(123,105,95)
```
#836657
```
#836657 rgb(131,102,87)
```
#8b644f
```
#8b644f rgb(139,100,79)
```
#946146
```
#946146 rgb(148,97,70)
```
#9c5f3e
```
#9c5f3e rgb(156,95,62)
```
#a55c35
```
#a55c35 rgb(165,92,53)
```
#ad5a2d
```
#ad5a2d rgb(173,90,45)
```
#b55825
```
#b55825 rgb(181,88,37)
```
#be551c
```
#be551c rgb(190,85,28)
```
#c65314
```
#c65314 rgb(198,83,20)
```
#cf500b
```
#cf500b rgb(207,80,11)
```
#d74e03
```
#d74e03 rgb(215,78,3)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84783e Protanopia 1% of men
#947232 Deuteranopia 1% of men
#b35d63 Tritanopia 0.001% of the population

Trichromacy

#936d38 Protanomaly 1% of men, 0.01% of women
#9d6930 Deuteranomaly 6% of men, 0.4% of women
#b15c4f Tritanomaly 0.01% of the population

#ad5a2d hex color

#ad5a2d Color Information

#ad5a2d Color Conversion

Color Schemes with #ad5a2d

Alternatives to #ad5a2d

#ad5a2d Preview

Shades and Tints of #ad5a2d

Tones of #ad5a2d

Color Blindness Simulator