#aa223e hex color

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

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

● #aa223e color description : Dark red.

The hexadecimal color #aa223e has RGB values of R:170, G:34, B:62 and CMYK values of C:0, M:0.8, Y:0.64, K:0.33. Its decimal value is 11149886.

Hex triplet	aa223e	`#aa223e`
RGB Decimal	170, 34, 62	`rgb(170,34,62)`
RGB Percent	66.7, 13.3, 24.3	`rgb(66.7%,13.3%,24.3%)`
CMYK	0, 80, 64, 33
HSL	347.6°, 66.7, 40	`hsl(347.6,66.7%,40%)`
HSV (or HSB)	347.6°, 80, 66.7
Web Safe	993333	`#993333`

CIE-LAB	37.914, 54.849, 18.817
XYZ	18.02, 10.04, 5.546
xyY	0.536, 0.299, 10.04
CIE-LCH	37.914, 57.987, 18.936
CIE-LUV	37.914, 94.256, 9.569
Hunter-Lab	31.686, 46.063, 11.802
Binary	10101010, 00100010, 00111110

#aa223e
```
#aa223e rgb(170,34,62)
```
#22aa8e
```
#22aa8e rgb(34,170,142)
```

Complementary Color

#aa2282
```
#aa2282 rgb(170,34,130)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#aa4a22
```
#aa4a22 rgb(170,74,34)
```

Analogous Color

#2282aa
```
#2282aa rgb(34,130,170)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#22aa4a
```
#22aa4a rgb(34,170,74)
```

Split Complementary Color

#223eaa
```
#223eaa rgb(34,62,170)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#3eaa22
```
#3eaa22 rgb(62,170,34)
```

Triadic Color

#8e22aa
```
#8e22aa rgb(142,34,170)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#3eaa22
```
#3eaa22 rgb(62,170,34)
```
#22aa8e
```
#22aa8e rgb(34,170,142)
```

Tetradic Color

#6a1527
```
#6a1527 rgb(106,21,39)
```
#801a2f
```
#801a2f rgb(128,26,47)
```
#951e36
```
#951e36 rgb(149,30,54)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#bf2646
```
#bf2646 rgb(191,38,70)
```
#d52b4e
```
#d52b4e rgb(213,43,78)
```
#d9405f
```
#d9405f rgb(217,64,95)
```

Monochromatic Color

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

#aa2260
```
#aa2260 rgb(170,34,96)
```
#aa2255
```
#aa2255 rgb(170,34,85)
```
#aa2249
```
#aa2249 rgb(170,34,73)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#aa2233
```
#aa2233 rgb(170,34,51)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```
#aa2822
```
#aa2822 rgb(170,40,34)
```

Similar Colors

Text with hexadecimal color #aa223e

This text has a font color of #aa223e.

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

#aa223e background color

This paragraph has a background color of #aa223e.

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

#aa223e border color

This element has a border color of #aa223e.

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

CSS codes

.text {color:#aa223e;}

.background {background-color:#aa223e;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#170508
```
#170508 rgb(23,5,8)
```
#27080e
```
#27080e rgb(39,8,14)
```
#380b14
```
#380b14 rgb(56,11,20)
```
#480e1a
```
#480e1a rgb(72,14,26)
```
#581220
```
#581220 rgb(88,18,32)
```
#691526
```
#691526 rgb(105,21,38)
```
#79182c
```
#79182c rgb(121,24,44)
```
#891b32
```
#891b32 rgb(137,27,50)
```
#9a1f38
```
#9a1f38 rgb(154,31,56)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#cb294a
```
#cb294a rgb(203,41,74)
```

Shade Color Variation

#d63153
```
#d63153 rgb(214,49,83)
```
#d94161
```
#d94161 rgb(217,65,97)
```
#dc526e
```
#dc526e rgb(220,82,110)
```
#e0627c
```
#e0627c rgb(224,98,124)
```
#e3728a
```
#e3728a rgb(227,114,138)
```
#e68397
```
#e68397 rgb(230,131,151)
```
#e993a5
```
#e993a5 rgb(233,147,165)
```
#eda3b3
```
#eda3b3 rgb(237,163,179)
```
#f0b4c0
```
#f0b4c0 rgb(240,180,192)
```
#f3c4ce
```
#f3c4ce rgb(243,196,206)
```
#f7d5dc
```
#f7d5dc rgb(247,213,220)
```
#fae5e9
```
#fae5e9 rgb(250,229,233)
```
#fdf5f7
```
#fdf5f7 rgb(253,245,247)
```

Tint Color Variation

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

#6b6163
```
#6b6163 rgb(107,97,99)
```
#73595e
```
#73595e rgb(115,89,94)
```
#7b515a
```
#7b515a rgb(123,81,90)
```
#834955
```
#834955 rgb(131,73,85)
```
#8b4150
```
#8b4150 rgb(139,65,80)
```
#923a4c
```
#923a4c rgb(146,58,76)
```
#9a3247
```
#9a3247 rgb(154,50,71)
```
#a22a43
```
#a22a43 rgb(162,42,67)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#b21a39
```
#b21a39 rgb(178,26,57)
```
#ba1235
```
#ba1235 rgb(186,18,53)
```
#c20a30
```
#c20a30 rgb(194,10,48)
```
#c9032c
```
#c9032c rgb(201,3,44)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#60454b Atypical Achromatopsia 0.001% of the population

Dichromacy

#64615b Protanopia 1% of men
#755d3f Deuteranopia 1% of men
#ad3233 Tritanopia 0.001% of the population

Trichromacy

#7e4a51 Protanomaly 1% of men, 0.01% of women
#88483e Deuteranomaly 6% of men, 0.4% of women
#ac2c37 Tritanomaly 0.01% of the population

#aa223e hex color

#aa223e Color Information

#aa223e Color Conversion

Color Schemes with #aa223e

Alternatives to #aa223e

#aa223e Preview

Shades and Tints of #aa223e

Tones of #aa223e

Color Blindness Simulator