#ad471f hex color

In a RGB color space, hex #ad471f is composed of 67.8% red, 27.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59% magenta, 82.1% yellow and 32.2% black. It has a hue angle of 16.9 degrees, a saturation of 69.6% and a lightness of 40%. #ad471f color hex could be obtained by blending #ff8e3e with #5b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 28
- B 12
RGB color chart
- C 0
- M 59
- Y 82
- K 32
CMYK color chart

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

The hexadecimal color #ad471f has RGB values of R:173, G:71, B:31 and CMYK values of C:0, M:0.59, Y:0.82, K:0.32. Its decimal value is 11355935.

Hex triplet	ad471f	`#ad471f`
RGB Decimal	173, 71, 31	`rgb(173,71,31)`
RGB Percent	67.8, 27.8, 12.2	`rgb(67.8%,27.8%,12.2%)`
CMYK	0, 59, 82, 32
HSL	16.9°, 69.6, 40	`hsl(16.9,69.6%,40%)`
HSV (or HSB)	16.9°, 82.1, 67.8
Web Safe	993333	`#993333`

CIE-LAB	43.495, 39.632, 43.117
XYZ	19.735, 13.492, 2.861
xyY	0.547, 0.374, 13.492
CIE-LCH	43.495, 58.564, 47.412
CIE-LUV	43.495, 81.617, 32.802
Hunter-Lab	36.731, 31.626, 21.093
Binary	10101101, 01000111, 00011111

#ad471f
```
#ad471f rgb(173,71,31)
```
#1f85ad
```
#1f85ad rgb(31,133,173)
```

Complementary Color

#ad1f3e
```
#ad1f3e rgb(173,31,62)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#ad8e1f
```
#ad8e1f rgb(173,142,31)
```

Analogous Color

#1f3ead
```
#1f3ead rgb(31,62,173)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#1fad8e
```
#1fad8e rgb(31,173,142)
```

Split Complementary Color

#471fad
```
#471fad rgb(71,31,173)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#1fad47
```
#1fad47 rgb(31,173,71)
```

Triadic Color

#ad1f85
```
#ad1f85 rgb(173,31,133)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#1fad47
```
#1fad47 rgb(31,173,71)
```
#1f85ad
```
#1f85ad rgb(31,133,173)
```

Tetradic Color

#6c2c13
```
#6c2c13 rgb(108,44,19)
```
#823517
```
#823517 rgb(130,53,23)
```
#973e1b
```
#973e1b rgb(151,62,27)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#c35023
```
#c35023 rgb(195,80,35)
```
#d85927
```
#d85927 rgb(216,89,39)
```
#dc693c
```
#dc693c rgb(220,105,60)
```

Monochromatic Color

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

#ad241f
```
#ad241f rgb(173,36,31)
```
#ad2f1f
```
#ad2f1f rgb(173,47,31)
```
#ad3b1f
```
#ad3b1f rgb(173,59,31)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#ad531f
```
#ad531f rgb(173,83,31)
```
#ad5f1f
```
#ad5f1f rgb(173,95,31)
```
#ad6b1f
```
#ad6b1f rgb(173,107,31)
```

Similar Colors

Text with hexadecimal color #ad471f

This text has a font color of #ad471f.

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

#ad471f background color

This paragraph has a background color of #ad471f.

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

#ad471f border color

This element has a border color of #ad471f.

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

CSS codes

.text {color:#ad471f;}

.background {background-color:#ad471f;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#170a04
```
#170a04 rgb(23,10,4)
```
#281007
```
#281007 rgb(40,16,7)
```
#39170a
```
#39170a rgb(57,23,10)
```
#491e0d
```
#491e0d rgb(73,30,13)
```
#5a2510
```
#5a2510 rgb(90,37,16)
```
#6a2c13
```
#6a2c13 rgb(106,44,19)
```
#7b3316
```
#7b3316 rgb(123,51,22)
```
#8c3919
```
#8c3919 rgb(140,57,25)
```
#9c401c
```
#9c401c rgb(156,64,28)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#be4e22
```
#be4e22 rgb(190,78,34)
```
#ce5525
```
#ce5525 rgb(206,85,37)
```

Shade Color Variation

#d95e2d
```
#d95e2d rgb(217,94,45)
```
#dc6b3e
```
#dc6b3e rgb(220,107,62)
```
#df774f
```
#df774f rgb(223,119,79)
```
#e2845f
```
#e2845f rgb(226,132,95)
```
#e59170
```
#e59170 rgb(229,145,112)
```
#e89e81
```
#e89e81 rgb(232,158,129)
```
#ebab91
```
#ebab91 rgb(235,171,145)
```
#eeb7a2
```
#eeb7a2 rgb(238,183,162)
```
#f1c4b2
```
#f1c4b2 rgb(241,196,178)
```
#f4d1c3
```
#f4d1c3 rgb(244,209,195)
```
#f7ded4
```
#f7ded4 rgb(247,222,212)
```
#faebe4
```
#faebe4 rgb(250,235,228)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#666666
```
#666666 rgb(102,102,102)
```
#6e625e
```
#6e625e rgb(110,98,94)
```
#765f56
```
#765f56 rgb(118,95,86)
```
#7e5c4e
```
#7e5c4e rgb(126,92,78)
```
#865846
```
#865846 rgb(134,88,70)
```
#8e553e
```
#8e553e rgb(142,85,62)
```
#955137
```
#955137 rgb(149,81,55)
```
#9d4e2f
```
#9d4e2f rgb(157,78,47)
```
#a54a27
```
#a54a27 rgb(165,74,39)
```
#ad471f
```
#ad471f rgb(173,71,31)
```
#b54417
```
#b54417 rgb(181,68,23)
```
#bd400f
```
#bd400f rgb(189,64,15)
```
#c53d07
```
#c53d07 rgb(197,61,7)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#705c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e32 Protanopia 1% of men
#896921 Deuteranopia 1% of men
#b24c50 Tritanopia 0.001% of the population

Trichromacy

#8c602b Protanomaly 1% of men, 0.01% of women
#965c20 Deuteranomaly 6% of men, 0.4% of women
#b04a3e Tritanomaly 0.01% of the population

#ad471f hex color

#ad471f Color Information

#ad471f Color Conversion

Color Schemes with #ad471f

Alternatives to #ad471f

#ad471f Preview

Shades and Tints of #ad471f

Tones of #ad471f

Color Blindness Simulator