#822ccc hex color

In a RGB color space, hex #822ccc is composed of 51% red, 17.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 78.4% magenta, 0% yellow and 20% black. It has a hue angle of 272.3 degrees, a saturation of 64.5% and a lightness of 48.6%. #822ccc color hex could be obtained by blending #ff58ff with #050099. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 51
- G 17
- B 80
RGB color chart
- C 36
- M 78
- Y 0
- K 20
CMYK color chart

● #822ccc color description : Strong violet.

The hexadecimal color #822ccc has RGB values of R:130, G:44, B:204 and CMYK values of C:0.36, M:0.78, Y:0, K:0.2. Its decimal value is 8531148.

Hex triplet	822ccc	`#822ccc`
RGB Decimal	130, 44, 204	`rgb(130,44,204)`
RGB Percent	51, 17.3, 80	`rgb(51%,17.3%,80%)`
CMYK	36, 78, 0, 20
HSL	272.3°, 64.5, 48.6	`hsl(272.3,64.5%,48.6%)`
HSV (or HSB)	272.3°, 78.4, 80
Web Safe	9933cc	`#9933cc`

CIE-LAB	39.424, 63.396, -66.682
XYZ	21.004, 10.907, 58.122
xyY	0.233, 0.121, 10.907
CIE-LCH	39.424, 92.008, 313.553
CIE-LUV	39.424, 18.554, -99.878
Hunter-Lab	33.026, 55.728, -81.226
Binary	10000010, 00101100, 11001100

#822ccc
```
#822ccc rgb(130,44,204)
```
#76cc2c
```
#76cc2c rgb(118,204,44)
```

Complementary Color

#322ccc
```
#322ccc rgb(50,44,204)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#cc2cc6
```
#cc2cc6 rgb(204,44,198)
```

Analogous Color

#2ccc32
```
#2ccc32 rgb(44,204,50)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#c6cc2c
```
#c6cc2c rgb(198,204,44)
```

Split Complementary Color

#2ccc82
```
#2ccc82 rgb(44,204,130)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#cc822c
```
#cc822c rgb(204,130,44)
```

Triadic Color

#2c76cc
```
#2c76cc rgb(44,118,204)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#cc822c
```
#cc822c rgb(204,130,44)
```
#76cc2c
```
#76cc2c rgb(118,204,44)
```

Tetradic Color

#5a1e8d
```
#5a1e8d rgb(90,30,141)
```
#6723a2
```
#6723a2 rgb(103,35,162)
```
#7527b7
```
#7527b7 rgb(117,39,183)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#8e3cd5
```
#8e3cd5 rgb(142,60,213)
```
#9b51da
```
#9b51da rgb(155,81,218)
```
#a766de
```
#a766de rgb(167,102,222)
```

Monochromatic Color

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

#5a2ccc
```
#5a2ccc rgb(90,44,204)
```
#672ccc
```
#672ccc rgb(103,44,204)
```
#752ccc
```
#752ccc rgb(117,44,204)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#8f2ccc
```
#8f2ccc rgb(143,44,204)
```
#9d2ccc
```
#9d2ccc rgb(157,44,204)
```
#aa2ccc
```
#aa2ccc rgb(170,44,204)
```

Similar Colors

Text with hexadecimal color #822ccc

This text has a font color of #822ccc.

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

#822ccc background color

This paragraph has a background color of #822ccc.

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

#822ccc border color

This element has a border color of #822ccc.

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

CSS codes

.text {color:#822ccc;}

.background {background-color:#822ccc;}

.border {border:1px solid #822ccc;}

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, #07020a is the darkest color, while #fcf9fe is the lightest one.

#07020a
```
#07020a rgb(7,2,10)
```
#11061b
```
#11061b rgb(17,6,27)
```
#1b092b
```
#1b092b rgb(27,9,43)
```
#250d3b
```
#250d3b rgb(37,13,59)
```
#30104b
```
#30104b rgb(48,16,75)
```
#3a145b
```
#3a145b rgb(58,20,91)
```
#44176b
```
#44176b rgb(68,23,107)
```
#4f1b7b
```
#4f1b7b rgb(79,27,123)
```
#591e8b
```
#591e8b rgb(89,30,139)
```
#63229c
```
#63229c rgb(99,34,156)
```
#6d25ac
```
#6d25ac rgb(109,37,172)
```
#7829bc
```
#7829bc rgb(120,41,188)
```
#822ccc
```
#822ccc rgb(130,44,204)
```

Shade Color Variation

#8c38d4
```
#8c38d4 rgb(140,56,212)
```
#9548d7
```
#9548d7 rgb(149,72,215)
```
#9e58db
```
#9e58db rgb(158,88,219)
```
#a868de
```
#a868de rgb(168,104,222)
```
#b178e2
```
#b178e2 rgb(177,120,226)
```
#ba88e5
```
#ba88e5 rgb(186,136,229)
```
#c498e9
```
#c498e9 rgb(196,152,233)
```
#cda9ec
```
#cda9ec rgb(205,169,236)
```
#d6b9f0
```
#d6b9f0 rgb(214,185,240)
```
#e0c9f3
```
#e0c9f3 rgb(224,201,243)
```
#e9d9f7
```
#e9d9f7 rgb(233,217,247)
```
#f2e9fa
```
#f2e9fa rgb(242,233,250)
```
#fcf9fe
```
#fcf9fe rgb(252,249,254)
```

Tint Color Variation

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

#7c7880
```
#7c7880 rgb(124,120,128)
```
#7d6f89
```
#7d6f89 rgb(125,111,137)
```
#7e6593
```
#7e6593 rgb(126,101,147)
```
#7e5c9c
```
#7e5c9c rgb(126,92,156)
```
#7f52a6
```
#7f52a6 rgb(127,82,166)
```
#8049af
```
#8049af rgb(128,73,175)
```
#813fb9
```
#813fb9 rgb(129,63,185)
```
#8136c2
```
#8136c2 rgb(129,54,194)
```
#822ccc
```
#822ccc rgb(130,44,204)
```
#8322d6
```
#8322d6 rgb(131,34,214)
```
#8319df
```
#8319df rgb(131,25,223)
```
#840fe9
```
#840fe9 rgb(132,15,233)
```
#8506f2
```
#8506f2 rgb(133,6,242)
```

Tone Color Variation

Below, you can see how #822ccc 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
#604f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a8 Deuteranopia 1% of men
#6f6168 Tritanopia 0.001% of the population

Trichromacy

#2f4ec4 Protanomaly 1% of men, 0.01% of women
#2f51b5 Deuteranomaly 6% of men, 0.4% of women
#764e8c Tritanomaly 0.01% of the population

#822ccc hex color

#822ccc Color Information

#822ccc Color Conversion

Color Schemes with #822ccc

Alternatives to #822ccc

#822ccc Preview

Shades and Tints of #822ccc

Tones of #822ccc

Color Blindness Simulator