#a22a86 hex color

In a RGB color space, hex #a22a86 is composed of 63.5% red, 16.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 17.3% yellow and 36.5% black. It has a hue angle of 314 degrees, a saturation of 58.8% and a lightness of 40%. #a22a86 color hex could be obtained by blending #ff54ff with #45000d. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 64
- G 16
- B 53
RGB color chart
- C 0
- M 74
- Y 17
- K 36
CMYK color chart

● #a22a86 color description : Dark magenta.

The hexadecimal color #a22a86 has RGB values of R:162, G:42, B:134 and CMYK values of C:0, M:0.74, Y:0.17, K:0.36. Its decimal value is 10627718.

Hex triplet	a22a86	`#a22a86`
RGB Decimal	162, 42, 134	`rgb(162,42,134)`
RGB Percent	63.5, 16.5, 52.5	`rgb(63.5%,16.5%,52.5%)`
CMYK	0, 74, 17, 36
HSL	314°, 58.8, 40	`hsl(314,58.8%,40%)`
HSV (or HSB)	314°, 74.1, 63.5
Web Safe	993399	`#993399`

CIE-LAB	39.682, 57.543, -24.191
XYZ	20.031, 11.06, 23.633
xyY	0.366, 0.202, 11.06
CIE-LCH	39.682, 62.422, 337.198
CIE-LUV	39.682, 58.878, -41.662
Hunter-Lab	33.257, 49.315, -18.853
Binary	10100010, 00101010, 10000110

#a22a86
```
#a22a86 rgb(162,42,134)
```
#2aa246
```
#2aa246 rgb(42,162,70)
```

Complementary Color

#822aa2
```
#822aa2 rgb(130,42,162)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#a22a4a
```
#a22a4a rgb(162,42,74)
```

Analogous Color

#2aa282
```
#2aa282 rgb(42,162,130)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#4aa22a
```
#4aa22a rgb(74,162,42)
```

Split Complementary Color

#2a86a2
```
#2a86a2 rgb(42,134,162)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#86a22a
```
#86a22a rgb(134,162,42)
```

Triadic Color

#462aa2
```
#462aa2 rgb(70,42,162)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#86a22a
```
#86a22a rgb(134,162,42)
```
#2aa246
```
#2aa246 rgb(42,162,70)
```

Tetradic Color

#651a54
```
#651a54 rgb(101,26,84)
```
#7a2065
```
#7a2065 rgb(122,32,101)
```
#8e2575
```
#8e2575 rgb(142,37,117)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#b62f97
```
#b62f97 rgb(182,47,151)
```
#cb35a8
```
#cb35a8 rgb(203,53,168)
```
#d049b0
```
#d049b0 rgb(208,73,176)
```

Monochromatic Color

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

#a02aa2
```
#a02aa2 rgb(160,42,162)
```
#a22a9a
```
#a22a9a rgb(162,42,154)
```
#a22a90
```
#a22a90 rgb(162,42,144)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#a22a7c
```
#a22a7c rgb(162,42,124)
```
#a22a72
```
#a22a72 rgb(162,42,114)
```
#a22a68
```
#a22a68 rgb(162,42,104)
```

Similar Colors

Text with hexadecimal color #a22a86

This text has a font color of #a22a86.

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

#a22a86 background color

This paragraph has a background color of #a22a86.

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

#a22a86 border color

This element has a border color of #a22a86.

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

CSS codes

.text {color:#a22a86;}

.background {background-color:#a22a86;}

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

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

#060205
```
#060205 rgb(6,2,5)
```
#160612
```
#160612 rgb(22,6,18)
```
#250a1f
```
#250a1f rgb(37,10,31)
```
#350e2c
```
#350e2c rgb(53,14,44)
```
#451239
```
#451239 rgb(69,18,57)
```
#541646
```
#541646 rgb(84,22,70)
```
#641a52
```
#641a52 rgb(100,26,82)
```
#731e5f
```
#731e5f rgb(115,30,95)
```
#83226c
```
#83226c rgb(131,34,108)
```
#922679
```
#922679 rgb(146,38,121)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#b22e93
```
#b22e93 rgb(178,46,147)
```
#c132a0
```
#c132a0 rgb(193,50,160)
```

Shade Color Variation

#cc3baa
```
#cc3baa rgb(204,59,170)
```
#d04ab1
```
#d04ab1 rgb(208,74,177)
```
#d45ab8
```
#d45ab8 rgb(212,90,184)
```
#d869be
```
#d869be rgb(216,105,190)
```
#dc79c5
```
#dc79c5 rgb(220,121,197)
```
#e089cc
```
#e089cc rgb(224,137,204)
```
#e498d3
```
#e498d3 rgb(228,152,211)
```
#e8a8d9
```
#e8a8d9 rgb(232,168,217)
```
#ecb7e0
```
#ecb7e0 rgb(236,183,224)
```
#f0c7e7
```
#f0c7e7 rgb(240,199,231)
```
#f5d7ee
```
#f5d7ee rgb(245,215,238)
```
#f9e6f4
```
#f9e6f4 rgb(249,230,244)
```
#fdf6fb
```
#fdf6fb rgb(253,246,251)
```

Tint Color Variation

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

#6b6169
```
#6b6169 rgb(107,97,105)
```
#73596d
```
#73596d rgb(115,89,109)
```
#7b5171
```
#7b5171 rgb(123,81,113)
```
#834975
```
#834975 rgb(131,73,117)
```
#8a4279
```
#8a4279 rgb(138,66,121)
```
#923a7e
```
#923a7e rgb(146,58,126)
```
#9a3282
```
#9a3282 rgb(154,50,130)
```
#a22a86
```
#a22a86 rgb(162,42,134)
```
#aa228a
```
#aa228a rgb(170,34,138)
```
#b21a8e
```
#b21a8e rgb(178,26,142)
```
#ba1293
```
#ba1293 rgb(186,18,147)
```
#c10b97
```
#c10b97 rgb(193,11,151)
```
#c9039b
```
#c9039b rgb(201,3,155)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#674f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4063ac Protanopia 1% of men
#5f6481 Deuteranopia 1% of men
#a0494e Tritanopia 0.001% of the population

Trichromacy

#634e9e Protanomaly 1% of men, 0.01% of women
#774f83 Deuteranomaly 6% of men, 0.4% of women
#a13e62 Tritanomaly 0.01% of the population

#a22a86 hex color

#a22a86 Color Information

#a22a86 Color Conversion

Color Schemes with #a22a86

Alternatives to #a22a86

#a22a86 Preview

Shades and Tints of #a22a86

Tones of #a22a86

Color Blindness Simulator