colorhexa.com

#aa2bb4 hex color

In a RGB color space, hex #aa2bb4 is composed of 66.7% red, 16.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 76.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 295.6 degrees, a saturation of 61.4% and a lightness of 43.7%. #aa2bb4 color hex could be obtained by blending #ff56ff with #550069. Closest websafe color is: #9933cc.

- R 67
- G 17
- B 71
RGB color chart
- C 6
- M 76
- Y 0
- K 29
CMYK color chart

● #aa2bb4 color description : Strong magenta.

The hexadecimal color #aa2bb4 has RGB values of R:170, G:43, B:180 and CMYK values of C:0.06, M:0.76, Y:0, K:0.29. Its decimal value is 11152308.

Hex triplet	aa2bb4	`#aa2bb4`
RGB Decimal	170, 43, 180	`rgb(170,43,180)`
RGB Percent	66.7, 16.9, 70.6	`rgb(66.7%,16.9%,70.6%)`
CMYK	6, 76, 0, 29
HSL	295.6°, 61.4, 43.7	`hsl(295.6,61.4%,43.7%)`
HSV (or HSB)	295.6°, 76.1, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.611, 66.291, -45.583
XYZ	25.679, 13.571, 44.444
xyY	0.307, 0.162, 13.571
CIE-LCH	43.611, 80.45, 325.487
CIE-LUV	43.611, 48.45, -74.54
Hunter-Lab	36.838, 59.96, -45.745
Binary	10101010, 00101011, 10110100

#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#35b42b
```
#35b42b rgb(53,180,43)
```

Complementary Color

#662bb4
```
#662bb4 rgb(102,43,180)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#b42b7a
```
#b42b7a rgb(180,43,122)
```

Analogous Color

#2bb466
```
#2bb466 rgb(43,180,102)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#7ab42b
```
#7ab42b rgb(122,180,43)
```

Split Complementary Color

#2bb4aa
```
#2bb4aa rgb(43,180,170)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#b4aa2b
```
#b4aa2b rgb(180,170,43)
```

Triadic Color

#2b35b4
```
#2b35b4 rgb(43,53,180)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#b4aa2b
```
#b4aa2b rgb(180,170,43)
```
#35b42b
```
#35b42b rgb(53,180,43)
```

Tetradic Color

#701c76
```
#701c76 rgb(112,28,118)
```
#83218b
```
#83218b rgb(131,33,139)
```
#97269f
```
#97269f rgb(151,38,159)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#bd30c9
```
#bd30c9 rgb(189,48,201)
```
#c741d1
```
#c741d1 rgb(199,65,209)
```
#cd55d6
```
#cd55d6 rgb(205,85,214)
```

Monochromatic Color

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

#882bb4
```
#882bb4 rgb(136,43,180)
```
#932bb4
```
#932bb4 rgb(147,43,180)
```
#9f2bb4
```
#9f2bb4 rgb(159,43,180)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#b42bb3
```
#b42bb3 rgb(180,43,179)
```
#b42ba7
```
#b42ba7 rgb(180,43,167)
```
#b42b9c
```
#b42b9c rgb(180,43,156)
```

Similar Colors

Text with hexadecimal color #aa2bb4

This text has a font color of #aa2bb4.

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

#aa2bb4 background color

This paragraph has a background color of #aa2bb4.

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

#aa2bb4 border color

This element has a border color of #aa2bb4.

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

CSS codes

.text {color:#aa2bb4;}

.background {background-color:#aa2bb4;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#140516
```
#140516 rgb(20,5,22)
```
#230926
```
#230926 rgb(35,9,38)
```
#320d35
```
#320d35 rgb(50,13,53)
```
#411145
```
#411145 rgb(65,17,69)
```
#501455
```
#501455 rgb(80,20,85)
```
#5f1865
```
#5f1865 rgb(95,24,101)
```
#6e1c75
```
#6e1c75 rgb(110,28,117)
```
#7d2085
```
#7d2085 rgb(125,32,133)
```
#8c2394
```
#8c2394 rgb(140,35,148)
```
#9b27a4
```
#9b27a4 rgb(155,39,164)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#b92fc4
```
#b92fc4 rgb(185,47,196)
```

Shade Color Variation

#c437cf
```
#c437cf rgb(196,55,207)
```
#c947d3
```
#c947d3 rgb(201,71,211)
```
#cd57d7
```
#cd57d7 rgb(205,87,215)
```
#d267db
```
#d267db rgb(210,103,219)
```
#d776de
```
#d776de rgb(215,118,222)
```
#db86e2
```
#db86e2 rgb(219,134,226)
```
#e096e6
```
#e096e6 rgb(224,150,230)
```
#e5a6ea
```
#e5a6ea rgb(229,166,234)
```
#e9b6ed
```
#e9b6ed rgb(233,182,237)
```
#eec6f1
```
#eec6f1 rgb(238,198,241)
```
#f3d5f5
```
#f3d5f5 rgb(243,213,245)
```
#f7e5f9
```
#f7e5f9 rgb(247,229,249)
```
#fcf5fd
```
#fcf5fd rgb(252,245,253)
```

Tint Color Variation

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

#776778
```
#776778 rgb(119,103,120)
```
#7e5e81
```
#7e5e81 rgb(126,94,129)
```
#855689
```
#855689 rgb(133,86,137)
```
#8d4d92
```
#8d4d92 rgb(141,77,146)
```
#94459a
```
#94459a rgb(148,69,154)
```
#9b3ca3
```
#9b3ca3 rgb(155,60,163)
```
#a334ab
```
#a334ab rgb(163,52,171)
```
#aa2bb4
```
#aa2bb4 rgb(170,43,180)
```
#b122bd
```
#b122bd rgb(177,34,189)
```
#b91ac5
```
#b91ac5 rgb(185,26,197)
```
#c011ce
```
#c011ce rgb(192,17,206)
```
#c709d6
```
#c709d6 rgb(199,9,214)
```
#cf00df
```
#cf00df rgb(207,0,223)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#705672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#4a6fa9 Deuteranopia 1% of men
#a2585e Tritanopia 0.001% of the population

Trichromacy

#3d54c7 Protanomaly 1% of men, 0.01% of women
#6d56ad Deuteranomaly 6% of men, 0.4% of women
#a5487d Tritanomaly 0.01% of the population