#8222ca hex color

In a RGB color space, hex #8222ca is composed of 51% red, 13.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 83.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 274.3 degrees, a saturation of 71.2% and a lightness of 46.3%. #8222ca color hex could be obtained by blending #ff44ff with #050095. Closest websafe color is: #9933cc.

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

● #8222ca color description : Strong violet.

The hexadecimal color #8222ca has RGB values of R:130, G:34, B:202 and CMYK values of C:0.36, M:0.83, Y:0, K:0.21. Its decimal value is 8528586.

Hex triplet	8222ca	`#8222ca`
RGB Decimal	130, 34, 202	`rgb(130,34,202)`
RGB Percent	51, 13.3, 79.2	`rgb(51%,13.3%,79.2%)`
CMYK	36, 83, 0, 21
HSL	274.3°, 71.2, 46.3	`hsl(274.3,71.2%,46.3%)`
HSV (or HSB)	274.3°, 83.2, 79.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	38.118, 66.277, -67.652
XYZ	20.437, 10.154, 56.757
xyY	0.234, 0.116, 10.154
CIE-LCH	38.118, 94.707, 314.412
CIE-LUV	38.118, 20.057, -100.055
Hunter-Lab	31.866, 58.713, -83.296
Binary	10000010, 00100010, 11001010

#8222ca
```
#8222ca rgb(130,34,202)
```
#6aca22
```
#6aca22 rgb(106,202,34)
```

Complementary Color

#2e22ca
```
#2e22ca rgb(46,34,202)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#ca22be
```
#ca22be rgb(202,34,190)
```

Analogous Color

#22ca2e
```
#22ca2e rgb(34,202,46)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#beca22
```
#beca22 rgb(190,202,34)
```

Split Complementary Color

#22ca82
```
#22ca82 rgb(34,202,130)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#ca8222
```
#ca8222 rgb(202,130,34)
```

Triadic Color

#226aca
```
#226aca rgb(34,106,202)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#ca8222
```
#ca8222 rgb(202,130,34)
```
#6aca22
```
#6aca22 rgb(106,202,34)
```

Tetradic Color

#581789
```
#581789 rgb(88,23,137)
```
#661b9e
```
#661b9e rgb(102,27,158)
```
#741eb4
```
#741eb4 rgb(116,30,180)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#8f2adb
```
#8f2adb rgb(143,42,219)
```
#9b40df
```
#9b40df rgb(155,64,223)
```
#a656e3
```
#a656e3 rgb(166,86,227)
```

Monochromatic Color

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

#5822ca
```
#5822ca rgb(88,34,202)
```
#6622ca
```
#6622ca rgb(102,34,202)
```
#7422ca
```
#7422ca rgb(116,34,202)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#9022ca
```
#9022ca rgb(144,34,202)
```
#9e22ca
```
#9e22ca rgb(158,34,202)
```
#ac22ca
```
#ac22ca rgb(172,34,202)
```

Similar Colors

Text with hexadecimal color #8222ca

This text has a font color of #8222ca.

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

#8222ca background color

This paragraph has a background color of #8222ca.

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

#8222ca border color

This element has a border color of #8222ca.

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

CSS codes

.text {color:#8222ca;}

.background {background-color:#8222ca;}

.border {border:1px solid #8222ca;}

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

#000001
```
#000001 rgb(0,0,1)
```
#0b0311
```
#0b0311 rgb(11,3,17)
```
#160622
```
#160622 rgb(22,6,34)
```
#210933
```
#210933 rgb(33,9,51)
```
#2c0b44
```
#2c0b44 rgb(44,11,68)
```
#360e54
```
#360e54 rgb(54,14,84)
```
#411165
```
#411165 rgb(65,17,101)
```
#4c1476
```
#4c1476 rgb(76,20,118)
```
#571787
```
#571787 rgb(87,23,135)
```
#621a98
```
#621a98 rgb(98,26,152)
```
#6c1ca8
```
#6c1ca8 rgb(108,28,168)
```
#771fb9
```
#771fb9 rgb(119,31,185)
```
#8222ca
```
#8222ca rgb(130,34,202)
```

Shade Color Variation

#8d25da
```
#8d25da rgb(141,37,218)
```
#9636dd
```
#9636dd rgb(150,54,221)
```
#9e47e0
```
#9e47e0 rgb(158,71,224)
```
#a758e3
```
#a758e3 rgb(167,88,227)
```
#b068e6
```
#b068e6 rgb(176,104,230)
```
#b979e8
```
#b979e8 rgb(185,121,232)
```
#c28aeb
```
#c28aeb rgb(194,138,235)
```
#ca9bee
```
#ca9bee rgb(202,155,238)
```
#d3acf1
```
#d3acf1 rgb(211,172,241)
```
#dcbcf4
```
#dcbcf4 rgb(220,188,244)
```
#e5cdf7
```
#e5cdf7 rgb(229,205,247)
```
#eedef9
```
#eedef9 rgb(238,222,249)
```
#f6effc
```
#f6effc rgb(246,239,252)
```

Tint Color Variation

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

#767478
```
#767478 rgb(118,116,120)
```
#786b81
```
#786b81 rgb(120,107,129)
```
#79628a
```
#79628a rgb(121,98,138)
```
#7a5894
```
#7a5894 rgb(122,88,148)
```
#7c4f9d
```
#7c4f9d rgb(124,79,157)
```
#7d46a6
```
#7d46a6 rgb(125,70,166)
```
#7e3daf
```
#7e3daf rgb(126,61,175)
```
#7f34b8
```
#7f34b8 rgb(127,52,184)
```
#812bc1
```
#812bc1 rgb(129,43,193)
```
#8222ca
```
#8222ca rgb(130,34,202)
```
#8319d3
```
#8319d3 rgb(131,25,211)
```
#8510dc
```
#8510dc rgb(133,16,220)
```
#8607e5
```
#8607e5 rgb(134,7,229)
```

Tone Color Variation

Below, you can see how #8222ca 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
#5c486a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#6f5d64 Tritanopia 0.001% of the population

Trichromacy

#2f49bf Protanomaly 1% of men, 0.01% of women
#2f4cb1 Deuteranomaly 6% of men, 0.4% of women
#764789 Tritanomaly 0.01% of the population

#8222ca hex color

#8222ca Color Information

#8222ca Color Conversion

Color Schemes with #8222ca

Alternatives to #8222ca

#8222ca Preview

Shades and Tints of #8222ca

Tones of #8222ca

Color Blindness Simulator