#aa2227 hex color

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

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

● #aa2227 color description : Dark red.

The hexadecimal color #aa2227 has RGB values of R:170, G:34, B:39 and CMYK values of C:0, M:0.8, Y:0.77, K:0.33. Its decimal value is 11149863.

Hex triplet	aa2227	`#aa2227`
RGB Decimal	170, 34, 39	`rgb(170,34,39)`
RGB Percent	66.7, 13.3, 15.3	`rgb(66.7%,13.3%,15.3%)`
CMYK	0, 80, 77, 33
HSL	357.8°, 66.7, 40	`hsl(357.8,66.7%,40%)`
HSV (or HSB)	357.8°, 80, 66.7
Web Safe	993333	`#993333`

CIE-LAB	37.551, 53.713, 32.629
XYZ	17.517, 9.839, 2.896
xyY	0.579, 0.325, 9.839
CIE-LCH	37.551, 62.847, 31.277
CIE-LUV	37.551, 100.239, 20.108
Hunter-Lab	31.367, 44.791, 16.482
Binary	10101010, 00100010, 00100111

#aa2227
```
#aa2227 rgb(170,34,39)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```

Complementary Color

#aa226b
```
#aa226b rgb(170,34,107)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#aa6122
```
#aa6122 rgb(170,97,34)
```

Analogous Color

#226baa
```
#226baa rgb(34,107,170)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#22aa61
```
#22aa61 rgb(34,170,97)
```

Split Complementary Color

#2227aa
```
#2227aa rgb(34,39,170)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#27aa22
```
#27aa22 rgb(39,170,34)
```

Triadic Color

#a522aa
```
#a522aa rgb(165,34,170)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#27aa22
```
#27aa22 rgb(39,170,34)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```

Tetradic Color

#6a1518
```
#6a1518 rgb(106,21,24)
```
#801a1d
```
#801a1d rgb(128,26,29)
```
#951e22
```
#951e22 rgb(149,30,34)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#bf262c
```
#bf262c rgb(191,38,44)
```
#d52b31
```
#d52b31 rgb(213,43,49)
```
#d94045
```
#d94045 rgb(217,64,69)
```

Monochromatic Color

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

#aa2249
```
#aa2249 rgb(170,34,73)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#aa2232
```
#aa2232 rgb(170,34,50)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#aa2822
```
#aa2822 rgb(170,40,34)
```
#aa3422
```
#aa3422 rgb(170,52,34)
```
#aa3f22
```
#aa3f22 rgb(170,63,34)
```

Similar Colors

Text with hexadecimal color #aa2227

This text has a font color of #aa2227.

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

#aa2227 background color

This paragraph has a background color of #aa2227.

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

#aa2227 border color

This element has a border color of #aa2227.

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

CSS codes

.text {color:#aa2227;}

.background {background-color:#aa2227;}

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

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 #fdf5f5 is the lightest one.

#070102
```
#070102 rgb(7,1,2)
```
#170505
```
#170505 rgb(23,5,5)
```
#270809
```
#270809 rgb(39,8,9)
```
#380b0d
```
#380b0d rgb(56,11,13)
```
#480e11
```
#480e11 rgb(72,14,17)
```
#581214
```
#581214 rgb(88,18,20)
```
#691518
```
#691518 rgb(105,21,24)
```
#79181c
```
#79181c rgb(121,24,28)
```
#891b20
```
#891b20 rgb(137,27,32)
```
#9a1f23
```
#9a1f23 rgb(154,31,35)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#ba252b
```
#ba252b rgb(186,37,43)
```
#cb292f
```
#cb292f rgb(203,41,47)
```

Shade Color Variation

#d63137
```
#d63137 rgb(214,49,55)
```
#d94147
```
#d94147 rgb(217,65,71)
```
#dc5257
```
#dc5257 rgb(220,82,87)
```
#e06267
```
#e06267 rgb(224,98,103)
```
#e37277
```
#e37277 rgb(227,114,119)
```
#e68386
```
#e68386 rgb(230,131,134)
```
#e99396
```
#e99396 rgb(233,147,150)
```
#eda3a6
```
#eda3a6 rgb(237,163,166)
```
#f0b4b6
```
#f0b4b6 rgb(240,180,182)
```
#f3c4c6
```
#f3c4c6 rgb(243,196,198)
```
#f7d5d6
```
#f7d5d6 rgb(247,213,214)
```
#fae5e6
```
#fae5e6 rgb(250,229,230)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#6b6161
```
#6b6161 rgb(107,97,97)
```
#73595a
```
#73595a rgb(115,89,90)
```
#7b5153
```
#7b5153 rgb(123,81,83)
```
#83494b
```
#83494b rgb(131,73,75)
```
#8b4144
```
#8b4144 rgb(139,65,68)
```
#923a3d
```
#923a3d rgb(146,58,61)
```
#9a3236
```
#9a3236 rgb(154,50,54)
```
#a22a2e
```
#a22a2e rgb(162,42,46)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#b21a20
```
#b21a20 rgb(178,26,32)
```
#ba1218
```
#ba1218 rgb(186,18,24)
```
#c20a11
```
#c20a11 rgb(194,10,17)
```
#c9030a
```
#c9030a rgb(201,3,10)
```

Tone Color Variation

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

Dichromacy

#696041 Protanopia 1% of men
#775c28 Deuteranopia 1% of men
#ae2e2f Tritanopia 0.001% of the population

Trichromacy

#804a37 Protanomaly 1% of men, 0.01% of women
#8a4727 Deuteranomaly 6% of men, 0.4% of women
#ac292c Tritanomaly 0.01% of the population

#aa2227 hex color

#aa2227 Color Information

#aa2227 Color Conversion

Color Schemes with #aa2227

Alternatives to #aa2227

#aa2227 Preview

Shades and Tints of #aa2227

Tones of #aa2227

Color Blindness Simulator