#822cb4 hex color

In a RGB color space, hex #822cb4 is composed of 51% red, 17.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 75.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 277.9 degrees, a saturation of 60.7% and a lightness of 43.9%. #822cb4 color hex could be obtained by blending #ff58ff with #050069. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 51
- G 17
- B 71
RGB color chart
- C 28
- M 76
- Y 0
- K 29
CMYK color chart

● #822cb4 color description : Strong violet.

The hexadecimal color #822cb4 has RGB values of R:130, G:44, B:180 and CMYK values of C:0.28, M:0.76, Y:0, K:0.29. Its decimal value is 8531124.

Hex triplet	822cb4	`#822cb4`
RGB Decimal	130, 44, 180	`rgb(130,44,180)`
RGB Percent	51, 17.3, 70.6	`rgb(51%,17.3%,70.6%)`
CMYK	28, 76, 0, 29
HSL	277.9°, 60.7, 43.9	`hsl(277.9,60.7%,43.9%)`
HSV (or HSB)	277.9°, 75.6, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	37.559, 58.089, -55.644
XYZ	18.344, 9.843, 44.111
xyY	0.254, 0.136, 9.843
CIE-LCH	37.559, 80.441, 316.232
CIE-LUV	37.559, 23.495, -83.682
Hunter-Lab	31.374, 49.463, -61.4
Binary	10000010, 00101100, 10110100

#822cb4
```
#822cb4 rgb(130,44,180)
```
#5eb42c
```
#5eb42c rgb(94,180,44)
```

Complementary Color

#3e2cb4
```
#3e2cb4 rgb(62,44,180)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#b42ca2
```
#b42ca2 rgb(180,44,162)
```

Analogous Color

#2cb43e
```
#2cb43e rgb(44,180,62)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#a2b42c
```
#a2b42c rgb(162,180,44)
```

Split Complementary Color

#2cb482
```
#2cb482 rgb(44,180,130)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#b4822c
```
#b4822c rgb(180,130,44)
```

Triadic Color

#2c5eb4
```
#2c5eb4 rgb(44,94,180)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#5eb42c
```
#5eb42c rgb(94,180,44)
```

Tetradic Color

#561d77
```
#561d77 rgb(86,29,119)
```
#64228b
```
#64228b rgb(100,34,139)
```
#7327a0
```
#7327a0 rgb(115,39,160)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#9131c8
```
#9131c8 rgb(145,49,200)
```
#9c42d1
```
#9c42d1 rgb(156,66,209)
```
#a757d6
```
#a757d6 rgb(167,87,214)
```

Monochromatic Color

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

#602cb4
```
#602cb4 rgb(96,44,180)
```
#6b2cb4
```
#6b2cb4 rgb(107,44,180)
```
#772cb4
```
#772cb4 rgb(119,44,180)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#8d2cb4
```
#8d2cb4 rgb(141,44,180)
```
#992cb4
```
#992cb4 rgb(153,44,180)
```
#a42cb4
```
#a42cb4 rgb(164,44,180)
```

Similar Colors

Text with hexadecimal color #822cb4

This text has a font color of #822cb4.

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

#822cb4 background color

This paragraph has a background color of #822cb4.

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

#822cb4 border color

This element has a border color of #822cb4.

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

CSS codes

.text {color:#822cb4;}

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

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

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

#050207
```
#050207 rgb(5,2,7)
```
#100516
```
#100516 rgb(16,5,22)
```
#1c0926
```
#1c0926 rgb(28,9,38)
```
#270d36
```
#270d36 rgb(39,13,54)
```
#321146
```
#321146 rgb(50,17,70)
```
#3e1555
```
#3e1555 rgb(62,21,85)
```
#491965
```
#491965 rgb(73,25,101)
```
#541d75
```
#541d75 rgb(84,29,117)
```
#602085
```
#602085 rgb(96,32,133)
```
#6b2494
```
#6b2494 rgb(107,36,148)
```
#7728a4
```
#7728a4 rgb(119,40,164)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#8d30c4
```
#8d30c4 rgb(141,48,196)
```

Shade Color Variation

#9739cf
```
#9739cf rgb(151,57,207)
```
#a048d2
```
#a048d2 rgb(160,72,210)
```
#a858d6
```
#a858d6 rgb(168,88,214)
```
#b068da
```
#b068da rgb(176,104,218)
```
#b878de
```
#b878de rgb(184,120,222)
```
#c188e2
```
#c188e2 rgb(193,136,226)
```
#c997e6
```
#c997e6 rgb(201,151,230)
```
#d1a7e9
```
#d1a7e9 rgb(209,167,233)
```
#d9b7ed
```
#d9b7ed rgb(217,183,237)
```
#e2c7f1
```
#e2c7f1 rgb(226,199,241)
```
#ead6f5
```
#ead6f5 rgb(234,214,245)
```
#f2e6f9
```
#f2e6f9 rgb(242,230,249)
```
#faf6fd
```
#faf6fd rgb(250,246,253)
```

Tint Color Variation

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

#726878
```
#726878 rgb(114,104,120)
```
#746080
```
#746080 rgb(116,96,128)
```
#775789
```
#775789 rgb(119,87,137)
```
#794e92
```
#794e92 rgb(121,78,146)
```
#7b469a
```
#7b469a rgb(123,70,154)
```
#7d3da3
```
#7d3da3 rgb(125,61,163)
```
#8035ab
```
#8035ab rgb(128,53,171)
```
#822cb4
```
#822cb4 rgb(130,44,180)
```
#8423bd
```
#8423bd rgb(132,35,189)
```
#871bc5
```
#871bc5 rgb(135,27,197)
```
#8912ce
```
#8912ce rgb(137,18,206)
```
#8b0ad6
```
#8b0ad6 rgb(139,10,214)
```
#8d01df
```
#8d01df rgb(141,1,223)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#5e4d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#0062a3 Deuteranopia 1% of men
#76595f Tritanopia 0.001% of the population

Trichromacy

#2f4bb6 Protanomaly 1% of men, 0.01% of women
#2f4ea9 Deuteranomaly 6% of men, 0.4% of women
#7a487e Tritanomaly 0.01% of the population

#822cb4 hex color

#822cb4 Color Information

#822cb4 Color Conversion

Color Schemes with #822cb4

Alternatives to #822cb4

#822cb4 Preview

Shades and Tints of #822cb4

Tones of #822cb4

Color Blindness Simulator