#aa2a30 hex color

In a RGB color space, hex #aa2a30 is composed of 66.7% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 71.8% yellow and 33.3% black. It has a hue angle of 357.2 degrees, a saturation of 60.4% and a lightness of 41.6%. #aa2a30 color hex could be obtained by blending #ff5460 with #550000. Closest websafe color is: #993333.

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

● #aa2a30 color description : Dark red.

The hexadecimal color #aa2a30 has RGB values of R:170, G:42, B:48 and CMYK values of C:0, M:0.75, Y:0.72, K:0.33. Its decimal value is 11151920.

Hex triplet	aa2a30	`#aa2a30`
RGB Decimal	170, 42, 48	`rgb(170,42,48)`
RGB Percent	66.7, 16.5, 18.8	`rgb(66.7%,16.5%,18.8%)`
CMYK	0, 75, 72, 33
HSL	357.2°, 60.4, 41.6	`hsl(357.2,60.4%,41.6%)`
HSV (or HSB)	357.2°, 75.3, 66.7
Web Safe	993333	`#993333`

CIE-LAB	38.582, 51.546, 28.392
XYZ	17.94, 10.417, 3.862
xyY	0.557, 0.323, 10.417
CIE-LCH	38.582, 58.848, 28.846
CIE-LUV	38.582, 94.494, 18.211
Hunter-Lab	32.276, 42.731, 15.498
Binary	10101010, 00101010, 00110000

#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#2aaaa4
```
#2aaaa4 rgb(42,170,164)
```

Complementary Color

#aa2a70
```
#aa2a70 rgb(170,42,112)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#aa642a
```
#aa642a rgb(170,100,42)
```

Analogous Color

#2a70aa
```
#2a70aa rgb(42,112,170)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#2aaa64
```
#2aaa64 rgb(42,170,100)
```

Split Complementary Color

#2a30aa
```
#2a30aa rgb(42,48,170)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#30aa2a
```
#30aa2a rgb(48,170,42)
```

Triadic Color

#a42aaa
```
#a42aaa rgb(164,42,170)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#30aa2a
```
#30aa2a rgb(48,170,42)
```
#2aaaa4
```
#2aaaa4 rgb(42,170,164)
```

Tetradic Color

#6d1b1f
```
#6d1b1f rgb(109,27,31)
```
#812024
```
#812024 rgb(129,32,36)
```
#96252a
```
#96252a rgb(150,37,42)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#be2f36
```
#be2f36 rgb(190,47,54)
```
#ce3940
```
#ce3940 rgb(206,57,64)
```
#d34d54
```
#d34d54 rgb(211,77,84)
```

Monochromatic Color

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

#aa2a50
```
#aa2a50 rgb(170,42,80)
```
#aa2a45
```
#aa2a45 rgb(170,42,69)
```
#aa2a3b
```
#aa2a3b rgb(170,42,59)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#aa2f2a
```
#aa2f2a rgb(170,47,42)
```
#aa392a
```
#aa392a rgb(170,57,42)
```
#aa442a
```
#aa442a rgb(170,68,42)
```

Similar Colors

Text with hexadecimal color #aa2a30

This text has a font color of #aa2a30.

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

#aa2a30 background color

This paragraph has a background color of #aa2a30.

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

#aa2a30 border color

This element has a border color of #aa2a30.

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

CSS codes

.text {color:#aa2a30;}

.background {background-color:#aa2a30;}

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

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, #0d0304 is the darkest color, while #fefcfc is the lightest one.

#0d0304
```
#0d0304 rgb(13,3,4)
```
#1c0708
```
#1c0708 rgb(28,7,8)
```
#2c0b0c
```
#2c0b0c rgb(44,11,12)
```
#3c0f11
```
#3c0f11 rgb(60,15,17)
```
#4c1315
```
#4c1315 rgb(76,19,21)
```
#5b171a
```
#5b171a rgb(91,23,26)
```
#6b1a1e
```
#6b1a1e rgb(107,26,30)
```
#7b1e23
```
#7b1e23 rgb(123,30,35)
```
#8b2227
```
#8b2227 rgb(139,34,39)
```
#9a262c
```
#9a262c rgb(154,38,44)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#ba2e34
```
#ba2e34 rgb(186,46,52)
```
#c93239
```
#c93239 rgb(201,50,57)
```

Shade Color Variation

#d03f46
```
#d03f46 rgb(208,63,70)
```
#d44f55
```
#d44f55 rgb(212,79,85)
```
#d75f64
```
#d75f64 rgb(215,95,100)
```
#db6e74
```
#db6e74 rgb(219,110,116)
```
#df7e83
```
#df7e83 rgb(223,126,131)
```
#e38e92
```
#e38e92 rgb(227,142,146)
```
#e79ea1
```
#e79ea1 rgb(231,158,161)
```
#ebadb0
```
#ebadb0 rgb(235,173,176)
```
#efbdbf
```
#efbdbf rgb(239,189,191)
```
#f3cdcf
```
#f3cdcf rgb(243,205,207)
```
#f6ddde
```
#f6ddde rgb(246,221,222)
```
#faeced
```
#faeced rgb(250,236,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#716364
```
#716364 rgb(113,99,100)
```
#795b5c
```
#795b5c rgb(121,91,92)
```
#815355
```
#815355 rgb(129,83,85)
```
#894b4e
```
#894b4e rgb(137,75,78)
```
#924246
```
#924246 rgb(146,66,70)
```
#9a3a3f
```
#9a3a3f rgb(154,58,63)
```
#a23237
```
#a23237 rgb(162,50,55)
```
#aa2a30
```
#aa2a30 rgb(170,42,48)
```
#b22229
```
#b22229 rgb(178,34,41)
```
#ba1a21
```
#ba1a21 rgb(186,26,33)
```
#c2121a
```
#c2121a rgb(194,18,26)
```
#cb0912
```
#cb0912 rgb(203,9,18)
```
#d3010b
```
#d3010b rgb(211,1,11)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#63494a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6349 Protanopia 1% of men
#795e32 Deuteranopia 1% of men
#ae3537 Tritanopia 0.001% of the population

Trichromacy

#814e40 Protanomaly 1% of men, 0.01% of women
#8b4b31 Deuteranomaly 6% of men, 0.4% of women
#ac3134 Tritanomaly 0.01% of the population

#aa2a30 hex color

#aa2a30 Color Information

#aa2a30 Color Conversion

Color Schemes with #aa2a30

Alternatives to #aa2a30

#aa2a30 Preview

Shades and Tints of #aa2a30

Tones of #aa2a30

Color Blindness Simulator