#ad221c hex color

In a RGB color space, hex #ad221c is composed of 67.8% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 83.8% yellow and 32.2% black. It has a hue angle of 2.5 degrees, a saturation of 72.1% and a lightness of 39.4%. #ad221c color hex could be obtained by blending #ff4438 with #5b0000. Closest websafe color is: #993333.

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

● #ad221c color description : Dark red.

The hexadecimal color #ad221c has RGB values of R:173, G:34, B:28 and CMYK values of C:0, M:0.8, Y:0.84, K:0.32. Its decimal value is 11346460.

Hex triplet	ad221c	`#ad221c`
RGB Decimal	173, 34, 28	`rgb(173,34,28)`
RGB Percent	67.8, 13.3, 11	`rgb(67.8%,13.3%,11%)`
CMYK	0, 80, 84, 32
HSL	2.5°, 72.1, 39.4	`hsl(2.5,72.1%,39.4%)`
HSV (or HSB)	2.5°, 83.8, 67.8
Web Safe	993333	`#993333`

CIE-LAB	38.047, 54.257, 39.53
XYZ	18.016, 10.114, 2.102
xyY	0.596, 0.335, 10.114
CIE-LCH	38.047, 67.13, 36.076
CIE-LUV	38.047, 104.624, 24.119
Hunter-Lab	31.803, 45.463, 18.343
Binary	10101101, 00100010, 00011100

#ad221c
```
#ad221c rgb(173,34,28)
```
#1ca7ad
```
#1ca7ad rgb(28,167,173)
```

Complementary Color

#ad1c5f
```
#ad1c5f rgb(173,28,95)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#ad6b1c
```
#ad6b1c rgb(173,107,28)
```

Analogous Color

#1c5fad
```
#1c5fad rgb(28,95,173)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#1cad6b
```
#1cad6b rgb(28,173,107)
```

Split Complementary Color

#221cad
```
#221cad rgb(34,28,173)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#1cad22
```
#1cad22 rgb(28,173,34)
```

Triadic Color

#ad1ca7
```
#ad1ca7 rgb(173,28,167)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#1cad22
```
#1cad22 rgb(28,173,34)
```
#1ca7ad
```
#1ca7ad rgb(28,167,173)
```

Tetradic Color

#6b1511
```
#6b1511 rgb(107,21,17)
```
#811915
```
#811915 rgb(129,25,21)
```
#971e18
```
#971e18 rgb(151,30,24)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#c32620
```
#c32620 rgb(195,38,32)
```
#d92b23
```
#d92b23 rgb(217,43,35)
```
#df3e37
```
#df3e37 rgb(223,62,55)
```

Monochromatic Color

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

#ad1c3a
```
#ad1c3a rgb(173,28,58)
```
#ad1c2e
```
#ad1c2e rgb(173,28,46)
```
#ad1c22
```
#ad1c22 rgb(173,28,34)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#ad2e1c
```
#ad2e1c rgb(173,46,28)
```
#ad3a1c
```
#ad3a1c rgb(173,58,28)
```
#ad461c
```
#ad461c rgb(173,70,28)
```

Similar Colors

Text with hexadecimal color #ad221c

This text has a font color of #ad221c.

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

#ad221c background color

This paragraph has a background color of #ad221c.

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

#ad221c border color

This element has a border color of #ad221c.

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

CSS codes

.text {color:#ad221c;}

.background {background-color:#ad221c;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150403
```
#150403 rgb(21,4,3)
```
#260706
```
#260706 rgb(38,7,6)
```
#370b09
```
#370b09 rgb(55,11,9)
```
#480e0c
```
#480e0c rgb(72,14,12)
```
#59110e
```
#59110e rgb(89,17,14)
```
#691511
```
#691511 rgb(105,21,17)
```
#7a1814
```
#7a1814 rgb(122,24,20)
```
#8b1b17
```
#8b1b17 rgb(139,27,23)
```
#9c1f19
```
#9c1f19 rgb(156,31,25)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#be251f
```
#be251f rgb(190,37,31)
```
#cf2921
```
#cf2921 rgb(207,41,33)
```

Shade Color Variation

#dc2f28
```
#dc2f28 rgb(220,47,40)
```
#df3f39
```
#df3f39 rgb(223,63,57)
```
#e25049
```
#e25049 rgb(226,80,73)
```
#e4605a
```
#e4605a rgb(228,96,90)
```
#e7706b
```
#e7706b rgb(231,112,107)
```
#ea817c
```
#ea817c rgb(234,129,124)
```
#ed918d
```
#ed918d rgb(237,145,141)
```
#efa19e
```
#efa19e rgb(239,161,158)
```
#f2b2af
```
#f2b2af rgb(242,178,175)
```
#f5c2c0
```
#f5c2c0 rgb(245,194,192)
```
#f7d2d1
```
#f7d2d1 rgb(247,210,209)
```
#fae2e1
```
#fae2e1 rgb(250,226,225)
```
#fdf3f2
```
#fdf3f2 rgb(253,243,242)
```

Tint Color Variation

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

#676262
```
#676262 rgb(103,98,98)
```
#6f5b5a
```
#6f5b5a rgb(111,91,90)
```
#775452
```
#775452 rgb(119,84,82)
```
#7f4d4a
```
#7f4d4a rgb(127,77,74)
```
#864543
```
#864543 rgb(134,69,67)
```
#8e3e3b
```
#8e3e3b rgb(142,62,59)
```
#963733
```
#963733 rgb(150,55,51)
```
#9e302b
```
#9e302b rgb(158,48,43)
```
#a52924
```
#a52924 rgb(165,41,36)
```
#ad221c
```
#ad221c rgb(173,34,28)
```
#b51b14
```
#b51b14 rgb(181,27,20)
```
#bc140d
```
#bc140d rgb(188,20,13)
```
#c40d05
```
#c40d05 rgb(196,13,5)
```

Tone Color Variation

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

#6b6235 Protanopia 1% of men
#7a5d1a Deuteranopia 1% of men
#b12c2d Tritanopia 0.001% of the population

Trichromacy

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

#ad221c hex color

#ad221c Color Information

#ad221c Color Conversion

Color Schemes with #ad221c

Alternatives to #ad221c

#ad221c Preview

Shades and Tints of #ad221c

Tones of #ad221c

Color Blindness Simulator