#822cb3 hex color

In a RGB color space, hex #822cb3 is composed of 51% red, 17.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 75.4% magenta, 0% yellow and 29.8% black. It has a hue angle of 278.2 degrees, a saturation of 60.5% and a lightness of 43.7%. #822cb3 color hex could be obtained by blending #ff58ff with #050067. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 51
- G 17
- B 70
RGB color chart
- C 27
- M 75
- Y 0
- K 30
CMYK color chart

● #822cb3 color description : Strong violet.

The hexadecimal color #822cb3 has RGB values of R:130, G:44, B:179 and CMYK values of C:0.27, M:0.75, Y:0, K:0.3. Its decimal value is 8531123.

Hex triplet	822cb3	`#822cb3`
RGB Decimal	130, 44, 179	`rgb(130,44,179)`
RGB Percent	51, 17.3, 70.2	`rgb(51%,17.3%,70.2%)`
CMYK	27, 75, 0, 30
HSL	278.2°, 60.5, 43.7	`hsl(278.2,60.5%,43.7%)`
HSV (or HSB)	278.2°, 75.4, 70.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	37.485, 57.873, -55.171
XYZ	18.242, 9.802, 43.576
xyY	0.255, 0.137, 9.802
CIE-LCH	37.485, 79.957, 316.369
CIE-LUV	37.485, 23.717, -82.988
Hunter-Lab	31.309, 49.213, -60.606
Binary	10000010, 00101100, 10110011

#822cb3
```
#822cb3 rgb(130,44,179)
```
#5db32c
```
#5db32c rgb(93,179,44)
```

Complementary Color

#3f2cb3
```
#3f2cb3 rgb(63,44,179)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#b32ca1
```
#b32ca1 rgb(179,44,161)
```

Analogous Color

#2cb33f
```
#2cb33f rgb(44,179,63)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#a1b32c
```
#a1b32c rgb(161,179,44)
```

Split Complementary Color

#2cb382
```
#2cb382 rgb(44,179,130)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#b3822c
```
#b3822c rgb(179,130,44)
```

Triadic Color

#2c5db3
```
#2c5db3 rgb(44,93,179)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#b3822c
```
#b3822c rgb(179,130,44)
```
#5db32c
```
#5db32c rgb(93,179,44)
```

Tetradic Color

#551d76
```
#551d76 rgb(85,29,118)
```
#64228a
```
#64228a rgb(100,34,138)
```
#73279f
```
#73279f rgb(115,39,159)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#9131c7
```
#9131c7 rgb(145,49,199)
```
#9d42d0
```
#9d42d0 rgb(157,66,208)
```
#a756d5
```
#a756d5 rgb(167,86,213)
```

Monochromatic Color

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

#602cb3
```
#602cb3 rgb(96,44,179)
```
#6c2cb3
```
#6c2cb3 rgb(108,44,179)
```
#772cb3
```
#772cb3 rgb(119,44,179)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#8d2cb3
```
#8d2cb3 rgb(141,44,179)
```
#992cb3
```
#992cb3 rgb(153,44,179)
```
#a42cb3
```
#a42cb3 rgb(164,44,179)
```

Similar Colors

Text with hexadecimal color #822cb3

This text has a font color of #822cb3.

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

#822cb3 background color

This paragraph has a background color of #822cb3.

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

#822cb3 border color

This element has a border color of #822cb3.

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

CSS codes

.text {color:#822cb3;}

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

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

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

#040106
```
#040106 rgb(4,1,6)
```
#100516
```
#100516 rgb(16,5,22)
```
#1b0925
```
#1b0925 rgb(27,9,37)
```
#270d35
```
#270d35 rgb(39,13,53)
```
#321145
```
#321145 rgb(50,17,69)
```
#3d1555
```
#3d1555 rgb(61,21,85)
```
#491964
```
#491964 rgb(73,25,100)
```
#541d74
```
#541d74 rgb(84,29,116)
```
#602084
```
#602084 rgb(96,32,132)
```
#6b2494
```
#6b2494 rgb(107,36,148)
```
#7728a3
```
#7728a3 rgb(119,40,163)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#8d30c3
```
#8d30c3 rgb(141,48,195)
```

Shade Color Variation

#9838ce
```
#9838ce rgb(152,56,206)
```
#a048d2
```
#a048d2 rgb(160,72,210)
```
#a858d6
```
#a858d6 rgb(168,88,214)
```
#b067da
```
#b067da rgb(176,103,218)
```
#b877de
```
#b877de rgb(184,119,222)
```
#c187e1
```
#c187e1 rgb(193,135,225)
```
#c997e5
```
#c997e5 rgb(201,151,229)
```
#d1a6e9
```
#d1a6e9 rgb(209,166,233)
```
#d9b6ed
```
#d9b6ed rgb(217,182,237)
```
#e1c6f1
```
#e1c6f1 rgb(225,198,241)
```
#e9d6f5
```
#e9d6f5 rgb(233,214,245)
```
#f2e5f9
```
#f2e5f9 rgb(242,229,249)
```
#faf5fd
```
#faf5fd rgb(250,245,253)
```

Tint Color Variation

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

#726877
```
#726877 rgb(114,104,119)
```
#745f80
```
#745f80 rgb(116,95,128)
```
#765788
```
#765788 rgb(118,87,136)
```
#794e91
```
#794e91 rgb(121,78,145)
```
#7b4699
```
#7b4699 rgb(123,70,153)
```
#7d3da2
```
#7d3da2 rgb(125,61,162)
```
#8035aa
```
#8035aa rgb(128,53,170)
```
#822cb3
```
#822cb3 rgb(130,44,179)
```
#8423bc
```
#8423bc rgb(132,35,188)
```
#871bc4
```
#871bc4 rgb(135,27,196)
```
#8912cd
```
#8912cd rgb(137,18,205)
```
#8b0ad5
```
#8b0ad5 rgb(139,10,213)
```
#8e01de
```
#8e01de rgb(142,1,222)
```

Tone Color Variation

Below, you can see how #822cb3 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
#76585f Tritanopia 0.001% of the population

Trichromacy

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

#822cb3 hex color

#822cb3 Color Information

#822cb3 Color Conversion

Color Schemes with #822cb3

Alternatives to #822cb3

#822cb3 Preview

Shades and Tints of #822cb3

Tones of #822cb3

Color Blindness Simulator