#a222be hex color

In a RGB color space, hex #a222be is composed of 63.5% red, 13.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 82.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 289.2 degrees, a saturation of 69.6% and a lightness of 43.9%. #a222be color hex could be obtained by blending #ff44ff with #45007d. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 64
- G 13
- B 75
RGB color chart
- C 15
- M 82
- Y 0
- K 25
CMYK color chart

● #a222be color description : Strong magenta.

The hexadecimal color #a222be has RGB values of R:162, G:34, B:190 and CMYK values of C:0.15, M:0.82, Y:0, K:0.25. Its decimal value is 10625726.

Hex triplet	a222be	`#a222be`
RGB Decimal	162, 34, 190	`rgb(162,34,190)`
RGB Percent	63.5, 13.3, 74.5	`rgb(63.5%,13.3%,74.5%)`
CMYK	15, 82, 0, 25
HSL	289.2°, 69.6, 43.9	`hsl(289.2,69.6%,43.9%)`
HSV (or HSB)	289.2°, 82.1, 74.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	42.069, 69.059, -54.006
XYZ	24.766, 12.544, 49.829
xyY	0.284, 0.144, 12.544
CIE-LCH	42.069, 87.669, 321.974
CIE-LUV	42.069, 41.289, -85.764
Hunter-Lab	35.418, 62.832, -58.622
Binary	10100010, 00100010, 10111110

#a222be
```
#a222be rgb(162,34,190)
```
#3ebe22
```
#3ebe22 rgb(62,190,34)
```

Complementary Color

#5422be
```
#5422be rgb(84,34,190)
```
#a222be
```
#a222be rgb(162,34,190)
```
#be228c
```
#be228c rgb(190,34,140)
```

Analogous Color

#22be54
```
#22be54 rgb(34,190,84)
```
#a222be
```
#a222be rgb(162,34,190)
```
#8cbe22
```
#8cbe22 rgb(140,190,34)
```

Split Complementary Color

#22bea2
```
#22bea2 rgb(34,190,162)
```
#a222be
```
#a222be rgb(162,34,190)
```
#bea222
```
#bea222 rgb(190,162,34)
```

Triadic Color

#223ebe
```
#223ebe rgb(34,62,190)
```
#a222be
```
#a222be rgb(162,34,190)
```
#bea222
```
#bea222 rgb(190,162,34)
```
#3ebe22
```
#3ebe22 rgb(62,190,34)
```

Tetradic Color

#6b167d
```
#6b167d rgb(107,22,125)
```
#7d1a93
```
#7d1a93 rgb(125,26,147)
```
#901ea8
```
#901ea8 rgb(144,30,168)
```
#a222be
```
#a222be rgb(162,34,190)
```
#b426d4
```
#b426d4 rgb(180,38,212)
```
#be38db
```
#be38db rgb(190,56,219)
```
#c54ddf
```
#c54ddf rgb(197,77,223)
```

Monochromatic Color

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

#7b22be
```
#7b22be rgb(123,34,190)
```
#8822be
```
#8822be rgb(136,34,190)
```
#9522be
```
#9522be rgb(149,34,190)
```
#a222be
```
#a222be rgb(162,34,190)
```
#af22be
```
#af22be rgb(175,34,190)
```
#bc22be
```
#bc22be rgb(188,34,190)
```
#be22b3
```
#be22b3 rgb(190,34,179)
```

Similar Colors

Text with hexadecimal color #a222be

This text has a font color of #a222be.

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

#a222be background color

This paragraph has a background color of #a222be.

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

#a222be border color

This element has a border color of #a222be.

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

CSS codes

.text {color:#a222be;}

.background {background-color:#a222be;}

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

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

#060107
```
#060107 rgb(6,1,7)
```
#140418
```
#140418 rgb(20,4,24)
```
#220728
```
#220728 rgb(34,7,40)
```
#310a39
```
#310a39 rgb(49,10,57)
```
#3f0d4a
```
#3f0d4a rgb(63,13,74)
```
#4d105a
```
#4d105a rgb(77,16,90)
```
#5b136b
```
#5b136b rgb(91,19,107)
```
#69167b
```
#69167b rgb(105,22,123)
```
#77198c
```
#77198c rgb(119,25,140)
```
#861c9d
```
#861c9d rgb(134,28,157)
```
#941fad
```
#941fad rgb(148,31,173)
```
#a222be
```
#a222be rgb(162,34,190)
```
#b025cf
```
#b025cf rgb(176,37,207)
```

Shade Color Variation

#bb2eda
```
#bb2eda rgb(187,46,218)
```
#c03edd
```
#c03edd rgb(192,62,221)
```
#c64fdf
```
#c64fdf rgb(198,79,223)
```
#cb60e2
```
#cb60e2 rgb(203,96,226)
```
#d070e5
```
#d070e5 rgb(208,112,229)
```
#d681e8
```
#d681e8 rgb(214,129,232)
```
#db92eb
```
#db92eb rgb(219,146,235)
```
#e1a2ee
```
#e1a2ee rgb(225,162,238)
```
#e6b3f1
```
#e6b3f1 rgb(230,179,241)
```
#ecc3f4
```
#ecc3f4 rgb(236,195,244)
```
#f1d4f7
```
#f1d4f7 rgb(241,212,247)
```
#f6e5fa
```
#f6e5fa rgb(246,229,250)
```
#fcf5fd
```
#fcf5fd rgb(252,245,253)
```

Tint Color Variation

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

#707070
```
#707070 rgb(112,112,112)
```
#766779
```
#766779 rgb(118,103,121)
```
#7b5e82
```
#7b5e82 rgb(123,94,130)
```
#81568a
```
#81568a rgb(129,86,138)
```
#864d93
```
#864d93 rgb(134,77,147)
```
#8c449c
```
#8c449c rgb(140,68,156)
```
#913ca4
```
#913ca4 rgb(145,60,164)
```
#9733ad
```
#9733ad rgb(151,51,173)
```
#9c2bb5
```
#9c2bb5 rgb(156,43,181)
```
#a222be
```
#a222be rgb(162,34,190)
```
#a819c7
```
#a819c7 rgb(168,25,199)
```
#ad11cf
```
#ad11cf rgb(173,17,207)
```
#b308d8
```
#b308d8 rgb(179,8,216)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#684f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#2b6cb0 Deuteranopia 1% of men
#97595f Tritanopia 0.001% of the population

Trichromacy

#3a4ec6 Protanomaly 1% of men, 0.01% of women
#5651b5 Deuteranomaly 6% of men, 0.4% of women
#9b4581 Tritanomaly 0.01% of the population

#a222be hex color

#a222be Color Information

#a222be Color Conversion

Color Schemes with #a222be

Alternatives to #a222be

#a222be Preview

Shades and Tints of #a222be

Tones of #a222be

Color Blindness Simulator