#822bb3 hex color

In a RGB color space, hex #822bb3 is composed of 51% red, 16.9% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 76% magenta, 0% yellow and 29.8% black. It has a hue angle of 278.4 degrees, a saturation of 61.3% and a lightness of 43.5%. #822bb3 color hex could be obtained by blending #ff56ff with #050067. Closest websafe color is: #9933cc.

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

● #822bb3 color description : Strong violet.

The hexadecimal color #822bb3 has RGB values of R:130, G:43, B:179 and CMYK values of C:0.27, M:0.76, Y:0, K:0.3. Its decimal value is 8530867.

Hex triplet	822bb3	`#822bb3`
RGB Decimal	130, 43, 179	`rgb(130,43,179)`
RGB Percent	51, 16.9, 70.2	`rgb(51%,16.9%,70.2%)`
CMYK	27, 76, 0, 30
HSL	278.4°, 61.3, 43.5	`hsl(278.4,61.3%,43.5%)`
HSV (or HSB)	278.4°, 76, 70.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	37.351, 58.258, -55.389
XYZ	18.205, 9.729, 43.564
xyY	0.255, 0.136, 9.729
CIE-LCH	37.351, 80.386, 316.446
CIE-LUV	37.351, 23.868, -83.204
Hunter-Lab	31.191, 49.602, -60.976
Binary	10000010, 00101011, 10110011

#822bb3
```
#822bb3 rgb(130,43,179)
```
#5cb32b
```
#5cb32b rgb(92,179,43)
```

Complementary Color

#3e2bb3
```
#3e2bb3 rgb(62,43,179)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#b32ba0
```
#b32ba0 rgb(179,43,160)
```

Analogous Color

#2bb33e
```
#2bb33e rgb(43,179,62)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#a0b32b
```
#a0b32b rgb(160,179,43)
```

Split Complementary Color

#2bb382
```
#2bb382 rgb(43,179,130)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#b3822b
```
#b3822b rgb(179,130,43)
```

Triadic Color

#2b5cb3
```
#2b5cb3 rgb(43,92,179)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#b3822b
```
#b3822b rgb(179,130,43)
```
#5cb32b
```
#5cb32b rgb(92,179,43)
```

Tetradic Color

#551c75
```
#551c75 rgb(85,28,117)
```
#64218a
```
#64218a rgb(100,33,138)
```
#73269e
```
#73269e rgb(115,38,158)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#9130c8
```
#9130c8 rgb(145,48,200)
```
#9d40d1
```
#9d40d1 rgb(157,64,209)
```
#a754d6
```
#a754d6 rgb(167,84,214)
```

Monochromatic Color

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

#602bb3
```
#602bb3 rgb(96,43,179)
```
#6b2bb3
```
#6b2bb3 rgb(107,43,179)
```
#772bb3
```
#772bb3 rgb(119,43,179)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#8d2bb3
```
#8d2bb3 rgb(141,43,179)
```
#992bb3
```
#992bb3 rgb(153,43,179)
```
#a42bb3
```
#a42bb3 rgb(164,43,179)
```

Similar Colors

Text with hexadecimal color #822bb3

This text has a font color of #822bb3.

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

#822bb3 background color

This paragraph has a background color of #822bb3.

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

#822bb3 border color

This element has a border color of #822bb3.

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

CSS codes

.text {color:#822bb3;}

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

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

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

#040105
```
#040105 rgb(4,1,5)
```
#0f0515
```
#0f0515 rgb(15,5,21)
```
#1b0925
```
#1b0925 rgb(27,9,37)
```
#260d34
```
#260d34 rgb(38,13,52)
```
#321044
```
#321044 rgb(50,16,68)
```
#3d1454
```
#3d1454 rgb(61,20,84)
```
#491864
```
#491864 rgb(73,24,100)
```
#541c74
```
#541c74 rgb(84,28,116)
```
#602084
```
#602084 rgb(96,32,132)
```
#6b2393
```
#6b2393 rgb(107,35,147)
```
#7727a3
```
#7727a3 rgb(119,39,163)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#8d2fc3
```
#8d2fc3 rgb(141,47,195)
```

Shade Color Variation

#9836cf
```
#9836cf rgb(152,54,207)
```
#a046d3
```
#a046d3 rgb(160,70,211)
```
#a856d6
```
#a856d6 rgb(168,86,214)
```
#b066da
```
#b066da rgb(176,102,218)
```
#b876de
```
#b876de rgb(184,118,222)
```
#c185e2
```
#c185e2 rgb(193,133,226)
```
#c995e6
```
#c995e6 rgb(201,149,230)
```
#d1a5e9
```
#d1a5e9 rgb(209,165,233)
```
#d9b5ed
```
#d9b5ed rgb(217,181,237)
```
#e1c5f1
```
#e1c5f1 rgb(225,197,241)
```
#e9d5f5
```
#e9d5f5 rgb(233,213,245)
```
#f1e4f9
```
#f1e4f9 rgb(241,228,249)
```
#f9f4fc
```
#f9f4fc rgb(249,244,252)
```

Tint Color Variation

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

#716777
```
#716777 rgb(113,103,119)
```
#745e80
```
#745e80 rgb(116,94,128)
```
#765688
```
#765688 rgb(118,86,136)
```
#784d91
```
#784d91 rgb(120,77,145)
```
#7b4599
```
#7b4599 rgb(123,69,153)
```
#7d3ca2
```
#7d3ca2 rgb(125,60,162)
```
#8034aa
```
#8034aa rgb(128,52,170)
```
#822bb3
```
#822bb3 rgb(130,43,179)
```
#8422bc
```
#8422bc rgb(132,34,188)
```
#871ac4
```
#871ac4 rgb(135,26,196)
```
#8911cd
```
#8911cd rgb(137,17,205)
```
#8c09d5
```
#8c09d5 rgb(140,9,213)
```
#8e00de
```
#8e00de rgb(142,0,222)
```

Tone Color Variation

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

#005db6 Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#76585e Tritanopia 0.001% of the population

Trichromacy

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

#822bb3 hex color

#822bb3 Color Information

#822bb3 Color Conversion

Color Schemes with #822bb3

Alternatives to #822bb3

#822bb3 Preview

Shades and Tints of #822bb3

Tones of #822bb3

Color Blindness Simulator