#aa2f30 hex color

In a RGB color space, hex #aa2f30 is composed of 66.7% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 71.8% yellow and 33.3% black. It has a hue angle of 359.5 degrees, a saturation of 56.7% and a lightness of 42.5%. #aa2f30 color hex could be obtained by blending #ff5e60 with #550000. Closest websafe color is: #993333.

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

● #aa2f30 color description : Dark red.

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

Hex triplet	aa2f30	`#aa2f30`
RGB Decimal	170, 47, 48	`rgb(170,47,48)`
RGB Percent	66.7, 18.4, 18.8	`rgb(66.7%,18.4%,18.8%)`
CMYK	0, 72, 72, 33
HSL	359.5°, 56.7, 42.5	`hsl(359.5,56.7%,42.5%)`
HSV (or HSB)	359.5°, 72.4, 66.7
Web Safe	993333	`#993333`

CIE-LAB	39.232, 49.743, 29.159
XYZ	18.128, 10.795, 3.925
xyY	0.552, 0.329, 10.795
CIE-LCH	39.232, 57.659, 30.379
CIE-LUV	39.232, 91.898, 19.446
Hunter-Lab	32.855, 40.994, 15.915
Binary	10101010, 00101111, 00110000

#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#2faaa9
```
#2faaa9 rgb(47,170,169)
```

Complementary Color

#aa2f6e
```
#aa2f6e rgb(170,47,110)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#aa6c2f
```
#aa6c2f rgb(170,108,47)
```

Analogous Color

#2f6eaa
```
#2f6eaa rgb(47,110,170)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#2faa6c
```
#2faa6c rgb(47,170,108)
```

Split Complementary Color

#2f30aa
```
#2f30aa rgb(47,48,170)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#30aa2f
```
#30aa2f rgb(48,170,47)
```

Triadic Color

#a92faa
```
#a92faa rgb(169,47,170)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#30aa2f
```
#30aa2f rgb(48,170,47)
```
#2faaa9
```
#2faaa9 rgb(47,170,169)
```

Tetradic Color

#6e1e1f
```
#6e1e1f rgb(110,30,31)
```
#822425
```
#822425 rgb(130,36,37)
```
#96292a
```
#96292a rgb(150,41,42)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#be3536
```
#be3536 rgb(190,53,54)
```
#cb4143
```
#cb4143 rgb(203,65,67)
```
#d05556
```
#d05556 rgb(208,85,86)
```

Monochromatic Color

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

#aa2f4f
```
#aa2f4f rgb(170,47,79)
```
#aa2f45
```
#aa2f45 rgb(170,47,69)
```
#aa2f3a
```
#aa2f3a rgb(170,47,58)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#aa382f
```
#aa382f rgb(170,56,47)
```
#aa432f
```
#aa432f rgb(170,67,47)
```
#aa4d2f
```
#aa4d2f rgb(170,77,47)
```

Similar Colors

Text with hexadecimal color #aa2f30

This text has a font color of #aa2f30.

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

#aa2f30 background color

This paragraph has a background color of #aa2f30.

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

#aa2f30 border color

This element has a border color of #aa2f30.

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

CSS codes

.text {color:#aa2f30;}

.background {background-color:#aa2f30;}

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

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, #010000 is the darkest color, while #fbf1f1 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#100505
```
#100505 rgb(16,5,5)
```
#200909
```
#200909 rgb(32,9,9)
```
#2f0d0d
```
#2f0d0d rgb(47,13,13)
```
#3e1112
```
#3e1112 rgb(62,17,18)
```
#4e1616
```
#4e1616 rgb(78,22,22)
```
#5d1a1a
```
#5d1a1a rgb(93,26,26)
```
#6d1e1f
```
#6d1e1f rgb(109,30,31)
```
#7c2223
```
#7c2223 rgb(124,34,35)
```
#8b2727
```
#8b2727 rgb(139,39,39)
```
#9b2b2c
```
#9b2b2c rgb(155,43,44)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#b93334
```
#b93334 rgb(185,51,52)
```

Shade Color Variation

#c83839
```
#c83839 rgb(200,56,57)
```
#cc4849
```
#cc4849 rgb(204,72,73)
```
#d15758
```
#d15758 rgb(209,87,88)
```
#d56667
```
#d56667 rgb(213,102,103)
```
#d97676
```
#d97676 rgb(217,118,118)
```
#dd8586
```
#dd8586 rgb(221,133,134)
```
#e29495
```
#e29495 rgb(226,148,149)
```
#e6a4a4
```
#e6a4a4 rgb(230,164,164)
```
#eab3b4
```
#eab3b4 rgb(234,179,180)
```
#eec2c3
```
#eec2c3 rgb(238,194,195)
```
#f3d2d2
```
#f3d2d2 rgb(243,210,210)
```
#f7e1e1
```
#f7e1e1 rgb(247,225,225)
```
#fbf1f1
```
#fbf1f1 rgb(251,241,241)
```

Tint Color Variation

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

#706969
```
#706969 rgb(112,105,105)
```
#786161
```
#786161 rgb(120,97,97)
```
#805959
```
#805959 rgb(128,89,89)
```
#895051
```
#895051 rgb(137,80,81)
```
#914849
```
#914849 rgb(145,72,73)
```
#994040
```
#994040 rgb(153,64,64)
```
#a23738
```
#a23738 rgb(162,55,56)
```
#aa2f30
```
#aa2f30 rgb(170,47,48)
```
#b22728
```
#b22728 rgb(178,39,40)
```
#bb1e20
```
#bb1e20 rgb(187,30,32)
```
#c31617
```
#c31617 rgb(195,22,23)
```
#cb0e0f
```
#cb0e0f rgb(203,14,15)
```
#d40507
```
#d40507 rgb(212,5,7)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#654d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6448 Protanopia 1% of men
#7b6032 Deuteranopia 1% of men
#ae393c Tritanopia 0.001% of the population

Trichromacy

#82513f Protanomaly 1% of men, 0.01% of women
#8c4e31 Deuteranomaly 6% of men, 0.4% of women
#ac3537 Tritanomaly 0.01% of the population

#aa2f30 hex color

#aa2f30 Color Information

#aa2f30 Color Conversion

Color Schemes with #aa2f30

Alternatives to #aa2f30

#aa2f30 Preview

Shades and Tints of #aa2f30

Tones of #aa2f30

Color Blindness Simulator