#8222ec hex color

In a RGB color space, hex #8222ec is composed of 51% red, 13.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 85.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 268.5 degrees, a saturation of 84.2% and a lightness of 52.9%. #8222ec color hex could be obtained by blending #ff44ff with #0500d9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 51
- G 13
- B 93
RGB color chart
- C 45
- M 86
- Y 0
- K 7
CMYK color chart

● #8222ec color description : Vivid violet.

The hexadecimal color #8222ec has RGB values of R:130, G:34, B:236 and CMYK values of C:0.45, M:0.86, Y:0, K:0.07. Its decimal value is 8528620.

Hex triplet	8222ec	`#8222ec`
RGB Decimal	130, 34, 236	`rgb(130,34,236)`
RGB Percent	51, 13.3, 92.5	`rgb(51%,13.3%,92.5%)`
CMYK	45, 86, 0, 7
HSL	268.5°, 84.2, 52.9	`hsl(268.5,84.2%,52.9%)`
HSV (or HSB)	268.5°, 85.6, 92.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	41.13, 73.748, -82.23
XYZ	24.916, 11.946, 80.345
xyY	0.213, 0.102, 11.946
CIE-LCH	41.13, 110.456, 311.888
CIE-LUV	41.13, 13.929, -121.273
Hunter-Lab	34.563, 68.192, -113.632
Binary	10000010, 00100010, 11101100

#8222ec
```
#8222ec rgb(130,34,236)
```
#8cec22
```
#8cec22 rgb(140,236,34)
```

Complementary Color

#2227ec
```
#2227ec rgb(34,39,236)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#e722ec
```
#e722ec rgb(231,34,236)
```

Analogous Color

#27ec22
```
#27ec22 rgb(39,236,34)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#ece722
```
#ece722 rgb(236,231,34)
```

Split Complementary Color

#22ec82
```
#22ec82 rgb(34,236,130)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#ec8222
```
#ec8222 rgb(236,130,34)
```

Triadic Color

#228cec
```
#228cec rgb(34,140,236)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#ec8222
```
#ec8222 rgb(236,130,34)
```
#8cec22
```
#8cec22 rgb(140,236,34)
```

Tetradic Color

#5d0fb2
```
#5d0fb2 rgb(93,15,178)
```
#6911ca
```
#6911ca rgb(105,17,202)
```
#7513e1
```
#7513e1 rgb(117,19,225)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#8f39ee
```
#8f39ee rgb(143,57,238)
```
#9d51f0
```
#9d51f0 rgb(157,81,240)
```
#aa68f2
```
#aa68f2 rgb(170,104,242)
```

Monochromatic Color

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

#4f22ec
```
#4f22ec rgb(79,34,236)
```
#6022ec
```
#6022ec rgb(96,34,236)
```
#7122ec
```
#7122ec rgb(113,34,236)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#9322ec
```
#9322ec rgb(147,34,236)
```
#a422ec
```
#a422ec rgb(164,34,236)
```
#b522ec
```
#b522ec rgb(181,34,236)
```

Similar Colors

Text with hexadecimal color #8222ec

This text has a font color of #8222ec.

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

#8222ec background color

This paragraph has a background color of #8222ec.

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

#8222ec border color

This element has a border color of #8222ec.

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

CSS codes

.text {color:#8222ec;}

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

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

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, #07010e is the darkest color, while #fdfbff is the lightest one.

#07010e
```
#07010e rgb(7,1,14)
```
#110320
```
#110320 rgb(17,3,32)
```
#1a0432
```
#1a0432 rgb(26,4,50)
```
#230644
```
#230644 rgb(35,6,68)
```
#2d0756
```
#2d0756 rgb(45,7,86)
```
#360968
```
#360968 rgb(54,9,104)
```
#400b7a
```
#400b7a rgb(64,11,122)
```
#490c8c
```
#490c8c rgb(73,12,140)
```
#520e9e
```
#520e9e rgb(82,14,158)
```
#5c0fb0
```
#5c0fb0 rgb(92,15,176)
```
#6511c2
```
#6511c2 rgb(101,17,194)
```
#6f12d5
```
#6f12d5 rgb(111,18,213)
```
#7814e7
```
#7814e7 rgb(120,20,231)
```

Shade Color Variation

#8222ec
```
#8222ec rgb(130,34,236)
```
#8c34ee
```
#8c34ee rgb(140,52,238)
```
#9646ef
```
#9646ef rgb(150,70,239)
```
#a158f1
```
#a158f1 rgb(161,88,241)
```
#ab6af2
```
#ab6af2 rgb(171,106,242)
```
#b57cf4
```
#b57cf4 rgb(181,124,244)
```
#bf8ef5
```
#bf8ef5 rgb(191,142,245)
```
#caa0f7
```
#caa0f7 rgb(202,160,247)
```
#d4b3f8
```
#d4b3f8 rgb(212,179,248)
```
#dec5fa
```
#dec5fa rgb(222,197,250)
```
#e8d7fc
```
#e8d7fc rgb(232,215,252)
```
#f2e9fd
```
#f2e9fd rgb(242,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#877e90
```
#877e90 rgb(135,126,144)
```
#867599
```
#867599 rgb(134,117,153)
```
#866ca2
```
#866ca2 rgb(134,108,162)
```
#8563ab
```
#8563ab rgb(133,99,171)
```
#8559b5
```
#8559b5 rgb(133,89,181)
```
#8450be
```
#8450be rgb(132,80,190)
```
#8447c7
```
#8447c7 rgb(132,71,199)
```
#833ed0
```
#833ed0 rgb(131,62,208)
```
#8334da
```
#8334da rgb(131,52,218)
```
#822be3
```
#822be3 rgb(130,43,227)
```
#8222ec
```
#8222ec rgb(130,34,236)
```
#8219f5
```
#8219f5 rgb(130,25,245)
```
#8110fe
```
#8110fe rgb(129,16,254)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#5f4c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#626a71 Tritanopia 0.001% of the population

Trichromacy

#2f4dd4 Protanomaly 1% of men, 0.01% of women
#2f51c4 Deuteranomaly 6% of men, 0.4% of women
#6d4f9e Tritanomaly 0.01% of the population

#8222ec hex color

#8222ec Color Information

#8222ec Color Conversion

Color Schemes with #8222ec

Alternatives to #8222ec

#8222ec Preview

Shades and Tints of #8222ec

Tones of #8222ec

Color Blindness Simulator