#a22180 hex color

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

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

● #a22180 color description : Dark pink.

The hexadecimal color #a22180 has RGB values of R:162, G:33, B:128 and CMYK values of C:0, M:0.8, Y:0.21, K:0.36. Its decimal value is 10625408.

Hex triplet	a22180	`#a22180`
RGB Decimal	162, 33, 128	`rgb(162,33,128)`
RGB Percent	63.5, 12.9, 50.2	`rgb(63.5%,12.9%,50.2%)`
CMYK	0, 80, 21, 36
HSL	315.8°, 66.2, 38.2	`hsl(315.8,66.2%,38.2%)`
HSV (or HSB)	315.8°, 79.6, 63.5
Web Safe	993399	`#993399`

CIE-LAB	38.427, 59.49, -22.436
XYZ	19.34, 10.329, 21.396
xyY	0.379, 0.202, 10.329
CIE-LCH	38.427, 63.581, 339.337
CIE-LUV	38.427, 63.23, -39.215
Hunter-Lab	32.139, 51.173, -16.974
Binary	10100010, 00100001, 10000000

#a22180
```
#a22180 rgb(162,33,128)
```
#21a243
```
#21a243 rgb(33,162,67)
```

Complementary Color

#8421a2
```
#8421a2 rgb(132,33,162)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#a2213f
```
#a2213f rgb(162,33,63)
```

Analogous Color

#21a284
```
#21a284 rgb(33,162,132)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#3fa221
```
#3fa221 rgb(63,162,33)
```

Split Complementary Color

#2180a2
```
#2180a2 rgb(33,128,162)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#80a221
```
#80a221 rgb(128,162,33)
```

Triadic Color

#4321a2
```
#4321a2 rgb(67,33,162)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#80a221
```
#80a221 rgb(128,162,33)
```
#21a243
```
#21a243 rgb(33,162,67)
```

Tetradic Color

#62144e
```
#62144e rgb(98,20,78)
```
#78185f
```
#78185f rgb(120,24,95)
```
#8d1d6f
```
#8d1d6f rgb(141,29,111)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#b72591
```
#b72591 rgb(183,37,145)
```
#cc2aa1
```
#cc2aa1 rgb(204,42,161)
```
#d739ad
```
#d739ad rgb(215,57,173)
```

Monochromatic Color

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

#a221a0
```
#a221a0 rgb(162,33,160)
```
#a22196
```
#a22196 rgb(162,33,150)
```
#a2218b
```
#a2218b rgb(162,33,139)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#a22175
```
#a22175 rgb(162,33,117)
```
#a2216b
```
#a2216b rgb(162,33,107)
```
#a22160
```
#a22160 rgb(162,33,96)
```

Similar Colors

Text with hexadecimal color #a22180

This text has a font color of #a22180.

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

#a22180 background color

This paragraph has a background color of #a22180.

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

#a22180 border color

This element has a border color of #a22180.

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

CSS codes

.text {color:#a22180;}

.background {background-color:#a22180;}

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

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)
```
#400d33
```
#400d33 rgb(64,13,51)
```
#511040
```
#511040 rgb(81,16,64)
```
#61144c
```
#61144c rgb(97,20,76)
```
#711759
```
#711759 rgb(113,23,89)
```
#811a66
```
#811a66 rgb(129,26,102)
```
#921e73
```
#921e73 rgb(146,30,115)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#b2248d
```
#b2248d rgb(178,36,141)
```
#c3289a
```
#c3289a rgb(195,40,154)
```
#d32ba7
```
#d32ba7 rgb(211,43,167)
```

Shade Color Variation

#d73aae
```
#d73aae rgb(215,58,174)
```
#da4bb4
```
#da4bb4 rgb(218,75,180)
```
#de5bbb
```
#de5bbb rgb(222,91,187)
```
#e16bc2
```
#e16bc2 rgb(225,107,194)
```
#e47cc9
```
#e47cc9 rgb(228,124,201)
```
#e88ccf
```
#e88ccf rgb(232,140,207)
```
#eb9cd6
```
#eb9cd6 rgb(235,156,214)
```
#eeaddd
```
#eeaddd rgb(238,173,221)
```
#f2bde4
```
#f2bde4 rgb(242,189,228)
```
#f5cdea
```
#f5cdea rgb(245,205,234)
```
#f8ddf1
```
#f8ddf1 rgb(248,221,241)
```
#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 #c0038e is the most saturated one.

#665d64
```
#665d64 rgb(102,93,100)
```
#6e5667
```
#6e5667 rgb(110,86,103)
```
#754e6b
```
#754e6b rgb(117,78,107)
```
#7d476e
```
#7d476e rgb(125,71,110)
```
#843f72
```
#843f72 rgb(132,63,114)
```
#8c3875
```
#8c3875 rgb(140,56,117)
```
#933079
```
#933079 rgb(147,48,121)
```
#9b297c
```
#9b297c rgb(155,41,124)
```
#a22180
```
#a22180 rgb(162,33,128)
```
#aa1a84
```
#aa1a84 rgb(170,26,132)
```
#b11287
```
#b11287 rgb(177,18,135)
```
#b90b8b
```
#b90b8b rgb(185,11,139)
```
#c0038e
```
#c0038e rgb(192,3,142)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#62485b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c60a8 Protanopia 1% of men
#5e617b Deuteranopia 1% of men
#a04347 Tritanopia 0.001% of the population

Trichromacy

#614999 Protanomaly 1% of men, 0.01% of women
#77497d Deuteranomaly 6% of men, 0.4% of women
#a1365b Tritanomaly 0.01% of the population

#a22180 hex color

#a22180 Color Information

#a22180 Color Conversion

Color Schemes with #a22180

Alternatives to #a22180

#a22180 Preview

Shades and Tints of #a22180

Tones of #a22180

Color Blindness Simulator