#a222a4 hex color

In a RGB color space, hex #a222a4 is composed of 63.5% red, 13.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 79.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 299.1 degrees, a saturation of 65.7% and a lightness of 38.8%. #a222a4 color hex could be obtained by blending #ff44ff with #450049. Closest websafe color is: #993399.

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

● #a222a4 color description : Dark magenta.

The hexadecimal color #a222a4 has RGB values of R:162, G:34, B:164 and CMYK values of C:0.01, M:0.79, Y:0, K:0.36. Its decimal value is 10625700.

Hex triplet	a222a4	`#a222a4`
RGB Decimal	162, 34, 164	`rgb(162,34,164)`
RGB Percent	63.5, 13.3, 64.3	`rgb(63.5%,13.3%,64.3%)`
CMYK	1, 79, 0, 36
HSL	299.1°, 65.7, 38.8	`hsl(299.1,65.7%,38.8%)`
HSV (or HSB)	299.1°, 79.3, 64.3
Web Safe	993399	`#993399`

CIE-LAB	40.422, 64.598, -41.239
XYZ	22.173, 11.507, 36.173
xyY	0.317, 0.165, 11.507
CIE-LCH	40.422, 76.639, 327.446
CIE-LUV	40.422, 49.7, -66.672
Hunter-Lab	33.922, 57.309, -39.479
Binary	10100010, 00100010, 10100100

#a222a4
```
#a222a4 rgb(162,34,164)
```
#24a422
```
#24a422 rgb(36,164,34)
```

Complementary Color

#6122a4
```
#6122a4 rgb(97,34,164)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#a42265
```
#a42265 rgb(164,34,101)
```

Analogous Color

#22a461
```
#22a461 rgb(34,164,97)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#65a422
```
#65a422 rgb(101,164,34)
```

Split Complementary Color

#22a4a2
```
#22a4a2 rgb(34,164,162)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#a4a222
```
#a4a222 rgb(164,162,34)
```

Triadic Color

#2224a4
```
#2224a4 rgb(34,36,164)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#a4a222
```
#a4a222 rgb(164,162,34)
```
#24a422
```
#24a422 rgb(36,164,34)
```

Tetradic Color

#631565
```
#631565 rgb(99,21,101)
```
#78197a
```
#78197a rgb(120,25,122)
```
#8d1e8f
```
#8d1e8f rgb(141,30,143)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#b726b9
```
#b726b9 rgb(183,38,185)
```
#cc2bce
```
#cc2bce rgb(204,43,206)
```
#d43cd7
```
#d43cd7 rgb(212,60,215)
```

Monochromatic Color

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

#8222a4
```
#8222a4 rgb(130,34,164)
```
#8c22a4
```
#8c22a4 rgb(140,34,164)
```
#9722a4
```
#9722a4 rgb(151,34,164)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#a4229b
```
#a4229b rgb(164,34,155)
```
#a42290
```
#a42290 rgb(164,34,144)
```
#a42286
```
#a42286 rgb(164,34,134)
```

Similar Colors

Text with hexadecimal color #a222a4

This text has a font color of #a222a4.

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

#a222a4 background color

This paragraph has a background color of #a222a4.

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

#a222a4 border color

This element has a border color of #a222a4.

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

CSS codes

.text {color:#a222a4;}

.background {background-color:#a222a4;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#120412
```
#120412 rgb(18,4,18)
```
#220722
```
#220722 rgb(34,7,34)
```
#320a32
```
#320a32 rgb(50,10,50)
```
#420e43
```
#420e43 rgb(66,14,67)
```
#521153
```
#521153 rgb(82,17,83)
```
#621563
```
#621563 rgb(98,21,99)
```
#721873
```
#721873 rgb(114,24,115)
```
#821b84
```
#821b84 rgb(130,27,132)
```
#921f94
```
#921f94 rgb(146,31,148)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#b225b4
```
#b225b4 rgb(178,37,180)
```
#c229c4
```
#c229c4 rgb(194,41,196)
```

Shade Color Variation

#d12dd4
```
#d12dd4 rgb(209,45,212)
```
#d53ed7
```
#d53ed7 rgb(213,62,215)
```
#d84eda
```
#d84eda rgb(216,78,218)
```
#dc5ede
```
#dc5ede rgb(220,94,222)
```
#df6ee1
```
#df6ee1 rgb(223,110,225)
```
#e37fe4
```
#e37fe4 rgb(227,127,228)
```
#e68fe8
```
#e68fe8 rgb(230,143,232)
```
#ea9feb
```
#ea9feb rgb(234,159,235)
```
#eeafee
```
#eeafee rgb(238,175,238)
```
#f1c0f2
```
#f1c0f2 rgb(241,192,242)
```
#f5d0f5
```
#f5d0f5 rgb(245,208,245)
```
#f8e0f9
```
#f8e0f9 rgb(248,224,249)
```
#fcf0fc
```
#fcf0fc rgb(252,240,252)
```

Tint Color Variation

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

#675f67
```
#675f67 rgb(103,95,103)
```
#6e576f
```
#6e576f rgb(110,87,111)
```
#765076
```
#765076 rgb(118,80,118)
```
#7d487e
```
#7d487e rgb(125,72,126)
```
#844086
```
#844086 rgb(132,64,134)
```
#8c398d
```
#8c398d rgb(140,57,141)
```
#933195
```
#933195 rgb(147,49,149)
```
#9b2a9c
```
#9b2a9c rgb(155,42,156)
```
#a222a4
```
#a222a4 rgb(162,34,164)
```
#a91aac
```
#a91aac rgb(169,26,172)
```
#b113b3
```
#b113b3 rgb(177,19,179)
```
#b80bbb
```
#b80bbb rgb(184,11,187)
```
#c004c2
```
#c004c2 rgb(192,4,194)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#664c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#4a679a Deuteranopia 1% of men
#9c4f55 Tritanopia 0.001% of the population

Trichromacy

#3a4cb8 Protanomaly 1% of men, 0.01% of women
#6a4e9e Deuteranomaly 6% of men, 0.4% of women
#9e3f71 Tritanomaly 0.01% of the population

#a222a4 hex color

#a222a4 Color Information

#a222a4 Color Conversion

Color Schemes with #a222a4

Alternatives to #a222a4

#a222a4 Preview

Shades and Tints of #a222a4

Tones of #a222a4

Color Blindness Simulator