#a22184 hex color

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

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

● #a22184 color description : Dark magenta.

The hexadecimal color #a22184 has RGB values of R:162, G:33, B:132 and CMYK values of C:0, M:0.8, Y:0.19, K:0.36. Its decimal value is 10625412.

Hex triplet	a22184	`#a22184`
RGB Decimal	162, 33, 132	`rgb(162,33,132)`
RGB Percent	63.5, 12.9, 51.8	`rgb(63.5%,12.9%,51.8%)`
CMYK	0, 80, 19, 36
HSL	314°, 66.2, 38.2	`hsl(314,66.2%,38.2%)`
HSV (or HSB)	314°, 79.6, 63.5
Web Safe	993399	`#993399`

CIE-LAB	38.615, 60.035, -24.619
XYZ	19.609, 10.437, 22.81
xyY	0.371, 0.197, 10.437
CIE-LCH	38.615, 64.887, 337.702
CIE-LUV	38.615, 61.667, -42.321
Hunter-Lab	32.306, 51.811, -19.249
Binary	10100010, 00100001, 10000100

#a22184
```
#a22184 rgb(162,33,132)
```
#21a23f
```
#21a23f rgb(33,162,63)
```

Complementary Color

#8021a2
```
#8021a2 rgb(128,33,162)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#a22144
```
#a22144 rgb(162,33,68)
```

Analogous Color

#21a280
```
#21a280 rgb(33,162,128)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#44a221
```
#44a221 rgb(68,162,33)
```

Split Complementary Color

#2184a2
```
#2184a2 rgb(33,132,162)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#84a221
```
#84a221 rgb(132,162,33)
```

Triadic Color

#3f21a2
```
#3f21a2 rgb(63,33,162)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#84a221
```
#84a221 rgb(132,162,33)
```
#21a23f
```
#21a23f rgb(33,162,63)
```

Tetradic Color

#621450
```
#621450 rgb(98,20,80)
```
#781861
```
#781861 rgb(120,24,97)
```
#8d1d73
```
#8d1d73 rgb(141,29,115)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#b72595
```
#b72595 rgb(183,37,149)
```
#cc2aa7
```
#cc2aa7 rgb(204,42,167)
```
#d739b2
```
#d739b2 rgb(215,57,178)
```

Monochromatic Color

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

#a021a2
```
#a021a2 rgb(160,33,162)
```
#a2219a
```
#a2219a rgb(162,33,154)
```
#a2218f
```
#a2218f rgb(162,33,143)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#a22179
```
#a22179 rgb(162,33,121)
```
#a2216f
```
#a2216f rgb(162,33,111)
```
#a22164
```
#a22164 rgb(162,33,100)
```

Similar Colors

Text with hexadecimal color #a22184

This text has a font color of #a22184.

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

#a22184 background color

This paragraph has a background color of #a22184.

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

#a22184 border color

This element has a border color of #a22184.

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

CSS codes

.text {color:#a22184;}

.background {background-color:#a22184;}

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

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)
```
#20061a
```
#20061a rgb(32,6,26)
```
#300a27
```
#300a27 rgb(48,10,39)
```
#400d34
```
#400d34 rgb(64,13,52)
```
#511042
```
#511042 rgb(81,16,66)
```
#61144f
```
#61144f rgb(97,20,79)
```
#71175c
```
#71175c rgb(113,23,92)
```
#811a69
```
#811a69 rgb(129,26,105)
```
#921e77
```
#921e77 rgb(146,30,119)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#b22491
```
#b22491 rgb(178,36,145)
```
#c3289f
```
#c3289f rgb(195,40,159)
```
#d32bac
```
#d32bac rgb(211,43,172)
```

Shade Color Variation

#d73ab3
```
#d73ab3 rgb(215,58,179)
```
#da4bb9
```
#da4bb9 rgb(218,75,185)
```
#de5bbf
```
#de5bbf rgb(222,91,191)
```
#e16bc6
```
#e16bc6 rgb(225,107,198)
```
#e47ccc
```
#e47ccc rgb(228,124,204)
```
#e88cd2
```
#e88cd2 rgb(232,140,210)
```
#eb9cd9
```
#eb9cd9 rgb(235,156,217)
```
#eeaddf
```
#eeaddf rgb(238,173,223)
```
#f2bde5
```
#f2bde5 rgb(242,189,229)
```
#f5cdec
```
#f5cdec rgb(245,205,236)
```
#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 #c00394 is the most saturated one.

#665d64
```
#665d64 rgb(102,93,100)
```
#6e5668
```
#6e5668 rgb(110,86,104)
```
#754e6c
```
#754e6c rgb(117,78,108)
```
#7d4770
```
#7d4770 rgb(125,71,112)
```
#843f74
```
#843f74 rgb(132,63,116)
```
#8c3878
```
#8c3878 rgb(140,56,120)
```
#93307c
```
#93307c rgb(147,48,124)
```
#9b2980
```
#9b2980 rgb(155,41,128)
```
#a22184
```
#a22184 rgb(162,33,132)
```
#aa1a88
```
#aa1a88 rgb(170,26,136)
```
#b1128c
```
#b1128c rgb(177,18,140)
```
#b90b90
```
#b90b90 rgb(185,11,144)
```
#c00394
```
#c00394 rgb(192,3,148)
```

Tone Color Variation

Below, you can see how #a22184 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
#63495d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3760ad Protanopia 1% of men
#5c617e Deuteranopia 1% of men
#a04448 Tritanopia 0.001% of the population

Trichromacy

#5e499e Protanomaly 1% of men, 0.01% of women
#764a80 Deuteranomaly 6% of men, 0.4% of women
#a1375e Tritanomaly 0.01% of the population

#a22184 hex color

#a22184 Color Information

#a22184 Color Conversion

Color Schemes with #a22184

Alternatives to #a22184

#a22184 Preview

Shades and Tints of #a22184

Tones of #a22184

Color Blindness Simulator