#aa222d hex color

In a RGB color space, hex #aa222d is composed of 66.7% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 73.5% yellow and 33.3% black. It has a hue angle of 355.1 degrees, a saturation of 66.7% and a lightness of 40%. #aa222d color hex could be obtained by blending #ff445a with #550000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 67
- G 13
- B 18
RGB color chart
- C 0
- M 80
- Y 74
- K 33
CMYK color chart

● #aa222d color description : Dark red.

The hexadecimal color #aa222d has RGB values of R:170, G:34, B:45 and CMYK values of C:0, M:0.8, Y:0.74, K:0.33. Its decimal value is 11149869.

Hex triplet	aa222d	`#aa222d`
RGB Decimal	170, 34, 45	`rgb(170,34,45)`
RGB Percent	66.7, 13.3, 17.6	`rgb(66.7%,13.3%,17.6%)`
CMYK	0, 80, 74, 33
HSL	355.1°, 66.7, 40	`hsl(355.1,66.7%,40%)`
HSV (or HSB)	355.1°, 80, 66.7
Web Safe	993333	`#993333`

CIE-LAB	37.629, 53.958, 29.105
XYZ	17.624, 9.882, 3.462
xyY	0.569, 0.319, 9.882
CIE-LCH	37.629, 61.307, 28.342
CIE-LUV	37.629, 98.899, 17.759
Hunter-Lab	31.435, 45.064, 15.475
Binary	10101010, 00100010, 00101101

#aa222d
```
#aa222d rgb(170,34,45)
```
#22aa9f
```
#22aa9f rgb(34,170,159)
```

Complementary Color

#aa2271
```
#aa2271 rgb(170,34,113)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#aa5b22
```
#aa5b22 rgb(170,91,34)
```

Analogous Color

#2271aa
```
#2271aa rgb(34,113,170)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#22aa5b
```
#22aa5b rgb(34,170,91)
```

Split Complementary Color

#222daa
```
#222daa rgb(34,45,170)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#2daa22
```
#2daa22 rgb(45,170,34)
```

Triadic Color

#9f22aa
```
#9f22aa rgb(159,34,170)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#2daa22
```
#2daa22 rgb(45,170,34)
```
#22aa9f
```
#22aa9f rgb(34,170,159)
```

Tetradic Color

#6a151c
```
#6a151c rgb(106,21,28)
```
#801a22
```
#801a22 rgb(128,26,34)
```
#951e27
```
#951e27 rgb(149,30,39)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#bf2633
```
#bf2633 rgb(191,38,51)
```
#d52b38
```
#d52b38 rgb(213,43,56)
```
#d9404c
```
#d9404c rgb(217,64,76)
```

Monochromatic Color

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

#aa224f
```
#aa224f rgb(170,34,79)
```
#aa2244
```
#aa2244 rgb(170,34,68)
```
#aa2238
```
#aa2238 rgb(170,34,56)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#aa2222
```
#aa2222 rgb(170,34,34)
```
#aa2e22
```
#aa2e22 rgb(170,46,34)
```
#aa3922
```
#aa3922 rgb(170,57,34)
```

Similar Colors

Text with hexadecimal color #aa222d

This text has a font color of #aa222d.

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

#aa222d background color

This paragraph has a background color of #aa222d.

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

#aa222d border color

This element has a border color of #aa222d.

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

CSS codes

.text {color:#aa222d;}

.background {background-color:#aa222d;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#170506
```
#170506 rgb(23,5,6)
```
#27080a
```
#27080a rgb(39,8,10)
```
#380b0f
```
#380b0f rgb(56,11,15)
```
#480e13
```
#480e13 rgb(72,14,19)
```
#581217
```
#581217 rgb(88,18,23)
```
#69151c
```
#69151c rgb(105,21,28)
```
#791820
```
#791820 rgb(121,24,32)
```
#891b24
```
#891b24 rgb(137,27,36)
```
#9a1f29
```
#9a1f29 rgb(154,31,41)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#ba2531
```
#ba2531 rgb(186,37,49)
```
#cb2936
```
#cb2936 rgb(203,41,54)
```

Shade Color Variation

#d6313e
```
#d6313e rgb(214,49,62)
```
#d9414e
```
#d9414e rgb(217,65,78)
```
#dc525d
```
#dc525d rgb(220,82,93)
```
#e0626c
```
#e0626c rgb(224,98,108)
```
#e3727c
```
#e3727c rgb(227,114,124)
```
#e6838b
```
#e6838b rgb(230,131,139)
```
#e9939a
```
#e9939a rgb(233,147,154)
```
#eda3a9
```
#eda3a9 rgb(237,163,169)
```
#f0b4b9
```
#f0b4b9 rgb(240,180,185)
```
#f3c4c8
```
#f3c4c8 rgb(243,196,200)
```
#f7d5d7
```
#f7d5d7 rgb(247,213,215)
```
#fae5e7
```
#fae5e7 rgb(250,229,231)
```
#fdf5f6
```
#fdf5f6 rgb(253,245,246)
```

Tint Color Variation

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

#6b6162
```
#6b6162 rgb(107,97,98)
```
#73595b
```
#73595b rgb(115,89,91)
```
#7b5154
```
#7b5154 rgb(123,81,84)
```
#83494e
```
#83494e rgb(131,73,78)
```
#8b4147
```
#8b4147 rgb(139,65,71)
```
#923a41
```
#923a41 rgb(146,58,65)
```
#9a323a
```
#9a323a rgb(154,50,58)
```
#a22a34
```
#a22a34 rgb(162,42,52)
```
#aa222d
```
#aa222d rgb(170,34,45)
```
#b21a26
```
#b21a26 rgb(178,26,38)
```
#ba1220
```
#ba1220 rgb(186,18,32)
```
#c20a19
```
#c20a19 rgb(194,10,25)
```
#c90313
```
#c90313 rgb(201,3,19)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5f4446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686148 Protanopia 1% of men
#775c2e Deuteranopia 1% of men
#ae2e30 Tritanopia 0.001% of the population

Trichromacy

#804a3e Protanomaly 1% of men, 0.01% of women
#89472d Deuteranomaly 6% of men, 0.4% of women
#ac2a2e Tritanomaly 0.01% of the population

#aa222d hex color

#aa222d Color Information

#aa222d Color Conversion

Color Schemes with #aa222d

Alternatives to #aa222d

#aa222d Preview

Shades and Tints of #aa222d

Tones of #aa222d

Color Blindness Simulator