#ad5f21 hex color

In a RGB color space, hex #ad5f21 is composed of 67.8% red, 37.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 80.9% yellow and 32.2% black. It has a hue angle of 26.6 degrees, a saturation of 68% and a lightness of 40.4%. #ad5f21 color hex could be obtained by blending #ffbe42 with #5b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ad5f21 has RGB values of R:173, G:95, B:33 and CMYK values of C:0, M:0.45, Y:0.81, K:0.32. Its decimal value is 11362081.

Hex triplet	ad5f21	`#ad5f21`
RGB Decimal	173, 95, 33	`rgb(173,95,33)`
RGB Percent	67.8, 37.3, 12.9	`rgb(67.8%,37.3%,12.9%)`
CMYK	0, 45, 81, 32
HSL	26.6°, 68, 40.4	`hsl(26.6,68%,40.4%)`
HSV (or HSB)	26.6°, 80.9, 67.8
Web Safe	996633	`#996633`

CIE-LAB	48.486, 27.169, 46.889
XYZ	21.601, 17.18, 3.617
xyY	0.509, 0.405, 17.18
CIE-LCH	48.486, 54.192, 59.91
CIE-LUV	48.486, 62.997, 40.691
Hunter-Lab	41.449, 20.488, 23.84
Binary	10101101, 01011111, 00100001

#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#216fad
```
#216fad rgb(33,111,173)
```

Complementary Color

#ad2129
```
#ad2129 rgb(173,33,41)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#ada521
```
#ada521 rgb(173,165,33)
```

Analogous Color

#2129ad
```
#2129ad rgb(33,41,173)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#21ada5
```
#21ada5 rgb(33,173,165)
```

Split Complementary Color

#5f21ad
```
#5f21ad rgb(95,33,173)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#21ad5f
```
#21ad5f rgb(33,173,95)
```

Triadic Color

#ad216f
```
#ad216f rgb(173,33,111)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#21ad5f
```
#21ad5f rgb(33,173,95)
```
#216fad
```
#216fad rgb(33,111,173)
```

Tetradic Color

#6d3c15
```
#6d3c15 rgb(109,60,21)
```
#824719
```
#824719 rgb(130,71,25)
```
#98531d
```
#98531d rgb(152,83,29)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#c26b25
```
#c26b25 rgb(194,107,37)
```
#d6772b
```
#d6772b rgb(214,119,43)
```
#db8440
```
#db8440 rgb(219,132,64)
```

Monochromatic Color

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

#ad3c21
```
#ad3c21 rgb(173,60,33)
```
#ad4821
```
#ad4821 rgb(173,72,33)
```
#ad5321
```
#ad5321 rgb(173,83,33)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#ad6b21
```
#ad6b21 rgb(173,107,33)
```
#ad7621
```
#ad7621 rgb(173,118,33)
```
#ad8221
```
#ad8221 rgb(173,130,33)
```

Similar Colors

Text with hexadecimal color #ad5f21

This text has a font color of #ad5f21.

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

#ad5f21 background color

This paragraph has a background color of #ad5f21.

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

#ad5f21 border color

This element has a border color of #ad5f21.

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

CSS codes

.text {color:#ad5f21;}

.background {background-color:#ad5f21;}

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

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

#080502
```
#080502 rgb(8,5,2)
```
#190e05
```
#190e05 rgb(25,14,5)
```
#291708
```
#291708 rgb(41,23,8)
```
#3a200b
```
#3a200b rgb(58,32,11)
```
#4a290e
```
#4a290e rgb(74,41,14)
```
#5b3211
```
#5b3211 rgb(91,50,17)
```
#6b3b14
```
#6b3b14 rgb(107,59,20)
```
#7c4418
```
#7c4418 rgb(124,68,24)
```
#8c4d1b
```
#8c4d1b rgb(140,77,27)
```
#9d561e
```
#9d561e rgb(157,86,30)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#bd6824
```
#bd6824 rgb(189,104,36)
```
#ce7127
```
#ce7127 rgb(206,113,39)
```

Shade Color Variation

#d87b31
```
#d87b31 rgb(216,123,49)
```
#db8542
```
#db8542 rgb(219,133,66)
```
#de9052
```
#de9052 rgb(222,144,82)
```
#e19b63
```
#e19b63 rgb(225,155,99)
```
#e4a573
```
#e4a573 rgb(228,165,115)
```
#e7b083
```
#e7b083 rgb(231,176,131)
```
#ebba94
```
#ebba94 rgb(235,186,148)
```
#eec5a4
```
#eec5a4 rgb(238,197,164)
```
#f1cfb5
```
#f1cfb5 rgb(241,207,181)
```
#f4dac5
```
#f4dac5 rgb(244,218,197)
```
#f7e5d6
```
#f7e5d6 rgb(247,229,214)
```
#faefe6
```
#faefe6 rgb(250,239,230)
```
#fdfaf7
```
#fdfaf7 rgb(253,250,247)
```

Tint Color Variation

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

#6e6660
```
#6e6660 rgb(110,102,96)
```
#766558
```
#766558 rgb(118,101,88)
```
#7d6451
```
#7d6451 rgb(125,100,81)
```
#856449
```
#856449 rgb(133,100,73)
```
#8d6341
```
#8d6341 rgb(141,99,65)
```
#956239
```
#956239 rgb(149,98,57)
```
#9d6131
```
#9d6131 rgb(157,97,49)
```
#a56029
```
#a56029 rgb(165,96,41)
```
#ad5f21
```
#ad5f21 rgb(173,95,33)
```
#b55e19
```
#b55e19 rgb(181,94,25)
```
#bd5d11
```
#bd5d11 rgb(189,93,17)
```
#c55c09
```
#c55c09 rgb(197,92,9)
```
#cd5b01
```
#cd5b01 rgb(205,91,1)
```

Tone Color Variation

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

#887a31 Protanopia 1% of men
#987427 Deuteranopia 1% of men
#b46167 Tritanopia 0.001% of the population

Trichromacy

#95702b Protanomaly 1% of men, 0.01% of women
#9f6c24 Deuteranomaly 6% of men, 0.4% of women
#b1604d Tritanomaly 0.01% of the population

#ad5f21 hex color

#ad5f21 Color Information

#ad5f21 Color Conversion

Color Schemes with #ad5f21

Alternatives to #ad5f21

#ad5f21 Preview

Shades and Tints of #ad5f21

Tones of #ad5f21

Color Blindness Simulator