#aa2522 Color Information
In a RGB color space, hex #aa2522 is composed of 66.7% red, 14.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.2% magenta, 80% yellow and 33.3% black. It has a hue angle of 1.3 degrees, a saturation of 66.7% and a lightness of 40%. #aa2522 color hex could be obtained by blending #ff4a44 with #550000. Closest websafe color is: #993333.
-
- R 67
- G 15
- B 13
-
- C 0
- M 78
- Y 80
- K 33
● #aa2522 color description : Dark red.
#aa2522 Color Conversion
The hexadecimal color #aa2522 has RGB values of R:170, G:37, B:34 and CMYK values of C:0, M:0.78, Y:0.8, K:0.33. Its decimal value is 11150626.
| Hex triplet | aa2522 | #aa2522 |
|---|---|---|
| RGB Decimal | 170, 37, 34 | rgb(170,37,34) |
| RGB Percent | 66.7, 14.5, 13.3 | rgb(66.7%,14.5%,13.3%) |
| CMYK | 0, 78, 80, 33 | |
| HSL | 1.3°, 66.7, 40 | hsl(1.3,66.7%,40%) |
| HSV (or HSB) | 1.3°, 80, 66.7 | |
| Web Safe | 993333 | #993333 |
| CIE-LAB | 37.819, 52.626, 35.81 |
|---|---|
| XYZ | 17.529, 9.987, 2.518 |
| xyY | 0.584, 0.333, 9.987 |
| CIE-LCH | 37.819, 63.655, 34.234 |
| CIE-LUV | 37.819, 99.843, 22.424 |
| Hunter-Lab | 31.602, 43.706, 17.397 |
| Binary | 10101010, 00100101, 00100010 |
Color Schemes with #aa2522
Alternatives to #aa2522
Below, you can see some colors close to #aa2522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aa2522 Preview
This text has a font color of #aa2522.
<span style="color:#aa2522;">Text here</span>
This paragraph has a background color of #aa2522.
<p style="background-color:#aa2522;">Content here</p>
This element has a border color of #aa2522.
<div style="border:1px solid #aa2522;">Content here</div>
.text {color:#aa2522;}
.background {background-color:#aa2522;}
.border {border:1px solid #aa2522;}
Shades and Tints of #aa2522
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, #070101 is the darkest color, while #fdf5f5 is the lightest one.
-
#070101
#070101rgb(7,1,1) -
#170505
#170505rgb(23,5,5) -
#270908
#270908rgb(39,9,8) -
#380c0b
#380c0brgb(56,12,11) -
#48100e
#48100ergb(72,16,14) -
#581312
#581312rgb(88,19,18) -
#691715
#691715rgb(105,23,21) -
#791a18
#791a18rgb(121,26,24) -
#891e1b
#891e1brgb(137,30,27) -
#9a211f
#9a211frgb(154,33,31) -
#aa2522
#aa2522rgb(170,37,34) -
#ba2925
#ba2925rgb(186,41,37) -
#cb2c29
#cb2c29rgb(203,44,41)
-
#d63531
#d63531rgb(214,53,49) -
#d94541
#d94541rgb(217,69,65) -
#dc5552
#dc5552rgb(220,85,82) -
#e06562
#e06562rgb(224,101,98) -
#e37572
#e37572rgb(227,117,114) -
#e68583
#e68583rgb(230,133,131) -
#e99593
#e99593rgb(233,149,147) -
#eda5a3
#eda5a3rgb(237,165,163) -
#f0b5b4
#f0b5b4rgb(240,181,180) -
#f3c5c4
#f3c5c4rgb(243,197,196) -
#f7d5d5
#f7d5d5rgb(247,213,213) -
#fae5e5
#fae5e5rgb(250,229,229) -
#fdf5f5
#fdf5f5rgb(253,245,245)
Tones of #aa2522
A tone is produced by adding gray to any pure hue. In this case, #6b6161 is the less saturated color, while #c90703 is the most saturated one.
-
#6b6161
#6b6161rgb(107,97,97) -
#735a59
#735a59rgb(115,90,89) -
#7b5251
#7b5251rgb(123,82,81) -
#834b49
#834b49rgb(131,75,73) -
#8b4341
#8b4341rgb(139,67,65) -
#923c3a
#923c3argb(146,60,58) -
#9a3432
#9a3432rgb(154,52,50) -
#a22d2a
#a22d2argb(162,45,42) -
#aa2522
#aa2522rgb(170,37,34) -
#b21e1a
#b21e1argb(178,30,26) -
#ba1612
#ba1612rgb(186,22,18) -
#c20f0a
#c20f0argb(194,15,10) -
#c90703
#c90703rgb(201,7,3)
Color Blindness Simulator
Below, you can see how #aa2522 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.
