#a22182 hex color

In a RGB color space, hex #a22182 is composed of 63.5% red, 12.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 19.8% yellow and 36.5% black. It has a hue angle of 314.9 degrees, a saturation of 66.2% and a lightness of 38.2%. #a22182 color hex could be obtained by blending #ff42ff with #450005. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 64
- G 13
- B 51
RGB color chart
- C 0
- M 80
- Y 20
- K 36
CMYK color chart

● #a22182 color description : Dark magenta.

The hexadecimal color #a22182 has RGB values of R:162, G:33, B:130 and CMYK values of C:0, M:0.8, Y:0.2, K:0.36. Its decimal value is 10625410.

Hex triplet	a22182	`#a22182`
RGB Decimal	162, 33, 130	`rgb(162,33,130)`
RGB Percent	63.5, 12.9, 51	`rgb(63.5%,12.9%,51%)`
CMYK	0, 80, 20, 36
HSL	314.9°, 66.2, 38.2	`hsl(314.9,66.2%,38.2%)`
HSV (or HSB)	314.9°, 79.6, 63.5
Web Safe	993399	`#993399`

CIE-LAB	38.52, 59.761, -23.53
XYZ	19.473, 10.382, 22.096
xyY	0.375, 0.2, 10.382
CIE-LCH	38.52, 64.226, 338.509
CIE-LUV	38.52, 62.447, -40.768
Hunter-Lab	32.222, 51.489, -18.103
Binary	10100010, 00100001, 10000010

#a22182
```
#a22182 rgb(162,33,130)
```
#21a241
```
#21a241 rgb(33,162,65)
```

Complementary Color

#8221a2
```
#8221a2 rgb(130,33,162)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#a22142
```
#a22142 rgb(162,33,66)
```

Analogous Color

#21a282
```
#21a282 rgb(33,162,130)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#42a221
```
#42a221 rgb(66,162,33)
```

Split Complementary Color

#2182a2
```
#2182a2 rgb(33,130,162)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#82a221
```
#82a221 rgb(130,162,33)
```

Triadic Color

#4121a2
```
#4121a2 rgb(65,33,162)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#82a221
```
#82a221 rgb(130,162,33)
```
#21a241
```
#21a241 rgb(33,162,65)
```

Tetradic Color

#62144f
```
#62144f rgb(98,20,79)
```
#781860
```
#781860 rgb(120,24,96)
```
#8d1d71
```
#8d1d71 rgb(141,29,113)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#b72593
```
#b72593 rgb(183,37,147)
```
#cc2aa4
```
#cc2aa4 rgb(204,42,164)
```
#d739b0
```
#d739b0 rgb(215,57,176)
```

Monochromatic Color

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

#a221a2
```
#a221a2 rgb(162,33,162)
```
#a22198
```
#a22198 rgb(162,33,152)
```
#a2218d
```
#a2218d rgb(162,33,141)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#a22177
```
#a22177 rgb(162,33,119)
```
#a2216d
```
#a2216d rgb(162,33,109)
```
#a22162
```
#a22162 rgb(162,33,98)
```

Similar Colors

Text with hexadecimal color #a22182

This text has a font color of #a22182.

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

#a22182 background color

This paragraph has a background color of #a22182.

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

#a22182 border color

This element has a border color of #a22182.

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

CSS codes

.text {color:#a22182;}

.background {background-color:#a22182;}

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

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

#0f030c
```
#0f030c rgb(15,3,12)
```
#200619
```
#200619 rgb(32,6,25)
```
#300a26
```
#300a26 rgb(48,10,38)
```
#400d34
```
#400d34 rgb(64,13,52)
```
#511041
```
#511041 rgb(81,16,65)
```
#61144e
```
#61144e rgb(97,20,78)
```
#71175b
```
#71175b rgb(113,23,91)
```
#811a68
```
#811a68 rgb(129,26,104)
```
#921e75
```
#921e75 rgb(146,30,117)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#b2248f
```
#b2248f rgb(178,36,143)
```
#c3289c
```
#c3289c rgb(195,40,156)
```
#d32ba9
```
#d32ba9 rgb(211,43,169)
```

Shade Color Variation

#d73ab0
```
#d73ab0 rgb(215,58,176)
```
#da4bb7
```
#da4bb7 rgb(218,75,183)
```
#de5bbd
```
#de5bbd rgb(222,91,189)
```
#e16bc4
```
#e16bc4 rgb(225,107,196)
```
#e47cca
```
#e47cca rgb(228,124,202)
```
#e88cd1
```
#e88cd1 rgb(232,140,209)
```
#eb9cd7
```
#eb9cd7 rgb(235,156,215)
```
#eeadde
```
#eeadde rgb(238,173,222)
```
#f2bde4
```
#f2bde4 rgb(242,189,228)
```
#f5cdeb
```
#f5cdeb rgb(245,205,235)
```
#f8ddf2
```
#f8ddf2 rgb(248,221,242)
```
#fbeef8
```
#fbeef8 rgb(251,238,248)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#665d64
```
#665d64 rgb(102,93,100)
```
#6e5668
```
#6e5668 rgb(110,86,104)
```
#754e6b
```
#754e6b rgb(117,78,107)
```
#7d476f
```
#7d476f rgb(125,71,111)
```
#843f73
```
#843f73 rgb(132,63,115)
```
#8c3877
```
#8c3877 rgb(140,56,119)
```
#93307a
```
#93307a rgb(147,48,122)
```
#9b297e
```
#9b297e rgb(155,41,126)
```
#a22182
```
#a22182 rgb(162,33,130)
```
#aa1a86
```
#aa1a86 rgb(170,26,134)
```
#b1128a
```
#b1128a rgb(177,18,138)
```
#b90b8d
```
#b90b8d rgb(185,11,141)
```
#c00391
```
#c00391 rgb(192,3,145)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#63495c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a60ab Protanopia 1% of men
#5d617d Deuteranopia 1% of men
#a04448 Tritanopia 0.001% of the population

Trichromacy

#5f499c Protanomaly 1% of men, 0.01% of women
#764a7e Deuteranomaly 6% of men, 0.4% of women
#a1375d Tritanomaly 0.01% of the population

#a22182 hex color

#a22182 Color Information

#a22182 Color Conversion

Color Schemes with #a22182

Alternatives to #a22182

#a22182 Preview

Shades and Tints of #a22182

Tones of #a22182

Color Blindness Simulator