#ad221f hex color

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

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

● #ad221f color description : Dark red.

The hexadecimal color #ad221f has RGB values of R:173, G:34, B:31 and CMYK values of C:0, M:0.8, Y:0.82, K:0.32. Its decimal value is 11346463.

Hex triplet	ad221f	`#ad221f`
RGB Decimal	173, 34, 31	`rgb(173,34,31)`
RGB Percent	67.8, 13.3, 12.2	`rgb(67.8%,13.3%,12.2%)`
CMYK	0, 80, 82, 32
HSL	1.3°, 69.6, 40	`hsl(1.3,69.6%,40%)`
HSV (or HSB)	1.3°, 82.1, 67.8
Web Safe	993333	`#993333`

CIE-LAB	38.074, 54.341, 37.937
XYZ	18.054, 10.129, 2.301
xyY	0.592, 0.332, 10.129
CIE-LCH	38.074, 66.274, 34.92
CIE-LUV	38.074, 104.135, 23.272
Hunter-Lab	31.827, 45.558, 17.993
Binary	10101101, 00100010, 00011111

#ad221f
```
#ad221f rgb(173,34,31)
```
#1faaad
```
#1faaad rgb(31,170,173)
```

Complementary Color

#ad1f63
```
#ad1f63 rgb(173,31,99)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#ad691f
```
#ad691f rgb(173,105,31)
```

Analogous Color

#1f63ad
```
#1f63ad rgb(31,99,173)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#1fad69
```
#1fad69 rgb(31,173,105)
```

Split Complementary Color

#221fad
```
#221fad rgb(34,31,173)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#1fad22
```
#1fad22 rgb(31,173,34)
```

Triadic Color

#ad1faa
```
#ad1faa rgb(173,31,170)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#1fad22
```
#1fad22 rgb(31,173,34)
```
#1faaad
```
#1faaad rgb(31,170,173)
```

Tetradic Color

#6c1513
```
#6c1513 rgb(108,21,19)
```
#821a17
```
#821a17 rgb(130,26,23)
```
#971e1b
```
#971e1b rgb(151,30,27)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#c32623
```
#c32623 rgb(195,38,35)
```
#d82b27
```
#d82b27 rgb(216,43,39)
```
#dc403c
```
#dc403c rgb(220,64,60)
```

Monochromatic Color

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

#ad1f40
```
#ad1f40 rgb(173,31,64)
```
#ad1f34
```
#ad1f34 rgb(173,31,52)
```
#ad1f28
```
#ad1f28 rgb(173,31,40)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#ad2e1f
```
#ad2e1f rgb(173,46,31)
```
#ad3a1f
```
#ad3a1f rgb(173,58,31)
```
#ad461f
```
#ad461f rgb(173,70,31)
```

Similar Colors

Text with hexadecimal color #ad221f

This text has a font color of #ad221f.

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

#ad221f background color

This paragraph has a background color of #ad221f.

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

#ad221f border color

This element has a border color of #ad221f.

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

CSS codes

.text {color:#ad221f;}

.background {background-color:#ad221f;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#170504
```
#170504 rgb(23,5,4)
```
#280807
```
#280807 rgb(40,8,7)
```
#390b0a
```
#390b0a rgb(57,11,10)
```
#490e0d
```
#490e0d rgb(73,14,13)
```
#5a1210
```
#5a1210 rgb(90,18,16)
```
#6a1513
```
#6a1513 rgb(106,21,19)
```
#7b1816
```
#7b1816 rgb(123,24,22)
```
#8c1b19
```
#8c1b19 rgb(140,27,25)
```
#9c1f1c
```
#9c1f1c rgb(156,31,28)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#be2522
```
#be2522 rgb(190,37,34)
```
#ce2925
```
#ce2925 rgb(206,41,37)
```

Shade Color Variation

#d9312d
```
#d9312d rgb(217,49,45)
```
#dc413e
```
#dc413e rgb(220,65,62)
```
#df524f
```
#df524f rgb(223,82,79)
```
#e2625f
```
#e2625f rgb(226,98,95)
```
#e57270
```
#e57270 rgb(229,114,112)
```
#e88381
```
#e88381 rgb(232,131,129)
```
#eb9391
```
#eb9391 rgb(235,147,145)
```
#eea3a2
```
#eea3a2 rgb(238,163,162)
```
#f1b4b2
```
#f1b4b2 rgb(241,180,178)
```
#f4c4c3
```
#f4c4c3 rgb(244,196,195)
```
#f7d5d4
```
#f7d5d4 rgb(247,213,212)
```
#fae5e4
```
#fae5e4 rgb(250,229,228)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,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 #c50b07 is the most saturated one.

#666666
```
#666666 rgb(102,102,102)
```
#6e5e5e
```
#6e5e5e rgb(110,94,94)
```
#765756
```
#765756 rgb(118,87,86)
```
#7e4f4e
```
#7e4f4e rgb(126,79,78)
```
#864846
```
#864846 rgb(134,72,70)
```
#8e403e
```
#8e403e rgb(142,64,62)
```
#953937
```
#953937 rgb(149,57,55)
```
#9d312f
```
#9d312f rgb(157,49,47)
```
#a52a27
```
#a52a27 rgb(165,42,39)
```
#ad221f
```
#ad221f rgb(173,34,31)
```
#b51a17
```
#b51a17 rgb(181,26,23)
```
#bd130f
```
#bd130f rgb(189,19,15)
```
#c50b07
```
#c50b07 rgb(197,11,7)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f4342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6238 Protanopia 1% of men
#7a5d1e Deuteranopia 1% of men
#b12d2d Tritanopia 0.001% of the population

Trichromacy

#834a2f Protanomaly 1% of men, 0.01% of women
#8c471e Deuteranomaly 6% of men, 0.4% of women
#af2928 Tritanomaly 0.01% of the population

#ad221f hex color

#ad221f Color Information

#ad221f Color Conversion

Color Schemes with #ad221f

Alternatives to #ad221f

#ad221f Preview

Shades and Tints of #ad221f

Tones of #ad221f

Color Blindness Simulator