#ad221d hex color

In a RGB color space, hex #ad221d is composed of 67.8% red, 13.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 83.2% yellow and 32.2% black. It has a hue angle of 2.1 degrees, a saturation of 71.3% and a lightness of 39.6%. #ad221d color hex could be obtained by blending #ff443a with #5b0000. Closest websafe color is: #993333.

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

● #ad221d color description : Dark red.

The hexadecimal color #ad221d has RGB values of R:173, G:34, B:29 and CMYK values of C:0, M:0.8, Y:0.83, K:0.32. Its decimal value is 11346461.

Hex triplet	ad221d	`#ad221d`
RGB Decimal	173, 34, 29	`rgb(173,34,29)`
RGB Percent	67.8, 13.3, 11.4	`rgb(67.8%,13.3%,11.4%)`
CMYK	0, 80, 83, 32
HSL	2.1°, 71.3, 39.6	`hsl(2.1,71.3%,39.6%)`
HSV (or HSB)	2.1°, 83.2, 67.8
Web Safe	993333	`#993333`

CIE-LAB	38.056, 54.284, 39.006
XYZ	18.028, 10.119, 2.166
xyY	0.595, 0.334, 10.119
CIE-LCH	38.056, 66.844, 35.699
CIE-LUV	38.056, 104.466, 23.845
Hunter-Lab	31.811, 45.493, 18.23
Binary	10101101, 00100010, 00011101

#ad221d
```
#ad221d rgb(173,34,29)
```
#1da8ad
```
#1da8ad rgb(29,168,173)
```

Complementary Color

#ad1d60
```
#ad1d60 rgb(173,29,96)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#ad6a1d
```
#ad6a1d rgb(173,106,29)
```

Analogous Color

#1d60ad
```
#1d60ad rgb(29,96,173)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#1dad6a
```
#1dad6a rgb(29,173,106)
```

Split Complementary Color

#221dad
```
#221dad rgb(34,29,173)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#1dad22
```
#1dad22 rgb(29,173,34)
```

Triadic Color

#ad1da8
```
#ad1da8 rgb(173,29,168)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#1dad22
```
#1dad22 rgb(29,173,34)
```
#1da8ad
```
#1da8ad rgb(29,168,173)
```

Tetradic Color

#6b1512
```
#6b1512 rgb(107,21,18)
```
#811916
```
#811916 rgb(129,25,22)
```
#971e19
```
#971e19 rgb(151,30,25)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#c32621
```
#c32621 rgb(195,38,33)
```
#d92b24
```
#d92b24 rgb(217,43,36)
```
#de3e39
```
#de3e39 rgb(222,62,57)
```

Monochromatic Color

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

#ad1d3c
```
#ad1d3c rgb(173,29,60)
```
#ad1d30
```
#ad1d30 rgb(173,29,48)
```
#ad1d24
```
#ad1d24 rgb(173,29,36)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#ad2e1d
```
#ad2e1d rgb(173,46,29)
```
#ad3a1d
```
#ad3a1d rgb(173,58,29)
```
#ad461d
```
#ad461d rgb(173,70,29)
```

Similar Colors

Text with hexadecimal color #ad221d

This text has a font color of #ad221d.

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

#ad221d background color

This paragraph has a background color of #ad221d.

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

#ad221d border color

This element has a border color of #ad221d.

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

CSS codes

.text {color:#ad221d;}

.background {background-color:#ad221d;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160404
```
#160404 rgb(22,4,4)
```
#270806
```
#270806 rgb(39,8,6)
```
#370b09
```
#370b09 rgb(55,11,9)
```
#480e0c
```
#480e0c rgb(72,14,12)
```
#59110f
```
#59110f rgb(89,17,15)
```
#6a1512
```
#6a1512 rgb(106,21,18)
```
#7b1815
```
#7b1815 rgb(123,24,21)
```
#8b1b17
```
#8b1b17 rgb(139,27,23)
```
#9c1f1a
```
#9c1f1a rgb(156,31,26)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#be2520
```
#be2520 rgb(190,37,32)
```
#cf2923
```
#cf2923 rgb(207,41,35)
```

Shade Color Variation

#db302a
```
#db302a rgb(219,48,42)
```
#de403a
```
#de403a rgb(222,64,58)
```
#e1504b
```
#e1504b rgb(225,80,75)
```
#e4615c
```
#e4615c rgb(228,97,92)
```
#e6716d
```
#e6716d rgb(230,113,109)
```
#e9817e
```
#e9817e rgb(233,129,126)
```
#ec928e
```
#ec928e rgb(236,146,142)
```
#efa29f
```
#efa29f rgb(239,162,159)
```
#f2b2b0
```
#f2b2b0 rgb(242,178,176)
```
#f5c3c1
```
#f5c3c1 rgb(245,195,193)
```
#f7d3d2
```
#f7d3d2 rgb(247,211,210)
```
#fae3e2
```
#fae3e2 rgb(250,227,226)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#676363
```
#676363 rgb(103,99,99)
```
#6f5c5b
```
#6f5c5b rgb(111,92,91)
```
#775553
```
#775553 rgb(119,85,83)
```
#7e4d4c
```
#7e4d4c rgb(126,77,76)
```
#864644
```
#864644 rgb(134,70,68)
```
#8e3f3c
```
#8e3f3c rgb(142,63,60)
```
#963834
```
#963834 rgb(150,56,52)
```
#9d302d
```
#9d302d rgb(157,48,45)
```
#a52925
```
#a52925 rgb(165,41,37)
```
#ad221d
```
#ad221d rgb(173,34,29)
```
#b51b15
```
#b51b15 rgb(181,27,21)
```
#bd140d
```
#bd140d rgb(189,20,13)
```
#c40c06
```
#c40c06 rgb(196,12,6)
```

Tone Color Variation

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

#6b6236 Protanopia 1% of men
#7a5d1b Deuteranopia 1% of men
#b12c2d Tritanopia 0.001% of the population

Trichromacy

#834a2d Protanomaly 1% of men, 0.01% of women
#8c471c Deuteranomaly 6% of men, 0.4% of women
#af2827 Tritanomaly 0.01% of the population

#ad221d hex color

#ad221d Color Information

#ad221d Color Conversion

Color Schemes with #ad221d

Alternatives to #ad221d

#ad221d Preview

Shades and Tints of #ad221d

Tones of #ad221d

Color Blindness Simulator