#aa222a hex color

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

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

● #aa222a color description : Dark red.

The hexadecimal color #aa222a has RGB values of R:170, G:34, B:42 and CMYK values of C:0, M:0.8, Y:0.75, K:0.33. Its decimal value is 11149866.

Hex triplet	aa222a	`#aa222a`
RGB Decimal	170, 34, 42	`rgb(170,34,42)`
RGB Percent	66.7, 13.3, 16.5	`rgb(66.7%,13.3%,16.5%)`
CMYK	0, 80, 75, 33
HSL	356.5°, 66.7, 40	`hsl(356.5,66.7%,40%)`
HSV (or HSB)	356.5°, 80, 66.7
Web Safe	993333	`#993333`

CIE-LAB	37.589, 53.831, 30.879
XYZ	17.568, 9.859, 3.168
xyY	0.574, 0.322, 9.859
CIE-LCH	37.589, 62.059, 29.839
CIE-LUV	37.589, 99.59, 18.97
Hunter-Lab	31.4, 44.922, 15.997
Binary	10101010, 00100010, 00101010

#aa222a
```
#aa222a rgb(170,34,42)
```
#22aaa2
```
#22aaa2 rgb(34,170,162)
```

Complementary Color

#aa226e
```
#aa226e rgb(170,34,110)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#aa5e22
```
#aa5e22 rgb(170,94,34)
```

Analogous Color

#226eaa
```
#226eaa rgb(34,110,170)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#22aa5e
```
#22aa5e rgb(34,170,94)
```

Split Complementary Color

#222aaa
```
#222aaa rgb(34,42,170)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#2aaa22
```
#2aaa22 rgb(42,170,34)
```

Triadic Color

#a222aa
```
#a222aa rgb(162,34,170)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#2aaa22
```
#2aaa22 rgb(42,170,34)
```
#22aaa2
```
#22aaa2 rgb(34,170,162)
```

Tetradic Color

#6a151a
```
#6a151a rgb(106,21,26)
```
#801a20
```
#801a20 rgb(128,26,32)
```
#951e25
```
#951e25 rgb(149,30,37)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#bf262f
```
#bf262f rgb(191,38,47)
```
#d52b35
```
#d52b35 rgb(213,43,53)
```
#d94049
```
#d94049 rgb(217,64,73)
```

Monochromatic Color

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

#aa224c
```
#aa224c rgb(170,34,76)
```
#aa2241
```
#aa2241 rgb(170,34,65)
```
#aa2235
```
#aa2235 rgb(170,34,53)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#aa2522
```
#aa2522 rgb(170,37,34)
```
#aa3122
```
#aa3122 rgb(170,49,34)
```
#aa3c22
```
#aa3c22 rgb(170,60,34)
```

Similar Colors

Text with hexadecimal color #aa222a

This text has a font color of #aa222a.

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

#aa222a background color

This paragraph has a background color of #aa222a.

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

#aa222a border color

This element has a border color of #aa222a.

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

CSS codes

.text {color:#aa222a;}

.background {background-color:#aa222a;}

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

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)
```
#380b0e
```
#380b0e rgb(56,11,14)
```
#480e12
```
#480e12 rgb(72,14,18)
```
#581216
```
#581216 rgb(88,18,22)
```
#69151a
```
#69151a rgb(105,21,26)
```
#79181e
```
#79181e rgb(121,24,30)
```
#891b22
```
#891b22 rgb(137,27,34)
```
#9a1f26
```
#9a1f26 rgb(154,31,38)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#ba252e
```
#ba252e rgb(186,37,46)
```
#cb2932
```
#cb2932 rgb(203,41,50)
```

Shade Color Variation

#d6313b
```
#d6313b rgb(214,49,59)
```
#d9414a
```
#d9414a rgb(217,65,74)
```
#dc525a
```
#dc525a rgb(220,82,90)
```
#e06269
```
#e06269 rgb(224,98,105)
```
#e37279
```
#e37279 rgb(227,114,121)
```
#e68389
```
#e68389 rgb(230,131,137)
```
#e99398
```
#e99398 rgb(233,147,152)
```
#eda3a8
```
#eda3a8 rgb(237,163,168)
```
#f0b4b7
```
#f0b4b7 rgb(240,180,183)
```
#f3c4c7
```
#f3c4c7 rgb(243,196,199)
```
#f7d5d7
```
#f7d5d7 rgb(247,213,215)
```
#fae5e6
```
#fae5e6 rgb(250,229,230)
```
#fdf5f6
```
#fdf5f6 rgb(253,245,246)
```

Tint Color Variation

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

#6b6161
```
#6b6161 rgb(107,97,97)
```
#73595a
```
#73595a rgb(115,89,90)
```
#7b5154
```
#7b5154 rgb(123,81,84)
```
#83494d
```
#83494d rgb(131,73,77)
```
#8b4146
```
#8b4146 rgb(139,65,70)
```
#923a3f
```
#923a3f rgb(146,58,63)
```
#9a3238
```
#9a3238 rgb(154,50,56)
```
#a22a31
```
#a22a31 rgb(162,42,49)
```
#aa222a
```
#aa222a rgb(170,34,42)
```
#b21a23
```
#b21a23 rgb(178,26,35)
```
#ba121c
```
#ba121c rgb(186,18,28)
```
#c20a15
```
#c20a15 rgb(194,10,21)
```
#c9030e
```
#c9030e rgb(201,3,14)
```

Tone Color Variation

Below, you can see how #aa222a 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
#5f4445 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686144 Protanopia 1% of men
#775c2b Deuteranopia 1% of men
#ae2e2f Tritanopia 0.001% of the population

Trichromacy

#804a3b Protanomaly 1% of men, 0.01% of women
#89472a Deuteranomaly 6% of men, 0.4% of women
#ac292d Tritanomaly 0.01% of the population

#aa222a hex color

#aa222a Color Information

#aa222a Color Conversion

Color Schemes with #aa222a

Alternatives to #aa222a

#aa222a Preview

Shades and Tints of #aa222a

Tones of #aa222a

Color Blindness Simulator