#822cbb hex color

In a RGB color space, hex #822cbb is composed of 51% red, 17.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 76.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 276.1 degrees, a saturation of 61.9% and a lightness of 45.3%. #822cbb color hex could be obtained by blending #ff58ff with #050077. Closest websafe color is: #9933cc.

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

● #822cbb color description : Strong violet.

The hexadecimal color #822cbb has RGB values of R:130, G:44, B:187 and CMYK values of C:0.3, M:0.76, Y:0, K:0.27. Its decimal value is 8531131.

Hex triplet	822cbb	`#822cbb`
RGB Decimal	130, 44, 187	`rgb(130,44,187)`
RGB Percent	51, 17.3, 73.3	`rgb(51%,17.3%,73.3%)`
CMYK	30, 76, 0, 27
HSL	276.1°, 61.9, 45.3	`hsl(276.1,61.9%,45.3%)`
HSV (or HSB)	276.1°, 76.5, 73.3
Web Safe	9933cc	`#9933cc`

CIE-LAB	38.084, 59.615, -58.926
XYZ	19.075, 10.135, 47.962
xyY	0.247, 0.131, 10.135
CIE-LCH	38.084, 83.822, 315.333
CIE-LUV	38.084, 21.975, -88.497
Hunter-Lab	31.836, 51.236, -67.037
Binary	10000010, 00101100, 10111011

#822cbb
```
#822cbb rgb(130,44,187)
```
#65bb2c
```
#65bb2c rgb(101,187,44)
```

Complementary Color

#3b2cbb
```
#3b2cbb rgb(59,44,187)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#bb2cad
```
#bb2cad rgb(187,44,173)
```

Analogous Color

#2cbb3b
```
#2cbb3b rgb(44,187,59)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#adbb2c
```
#adbb2c rgb(173,187,44)
```

Split Complementary Color

#2cbb82
```
#2cbb82 rgb(44,187,130)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#bb822c
```
#bb822c rgb(187,130,44)
```

Triadic Color

#2c65bb
```
#2c65bb rgb(44,101,187)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#bb822c
```
#bb822c rgb(187,130,44)
```
#65bb2c
```
#65bb2c rgb(101,187,44)
```

Tetradic Color

#571d7d
```
#571d7d rgb(87,29,125)
```
#652292
```
#652292 rgb(101,34,146)
```
#7427a6
```
#7427a6 rgb(116,39,166)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#9032cf
```
#9032cf rgb(144,50,207)
```
#9b46d4
```
#9b46d4 rgb(155,70,212)
```
#a65bd8
```
#a65bd8 rgb(166,91,216)
```

Monochromatic Color

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

#5e2cbb
```
#5e2cbb rgb(94,44,187)
```
#6a2cbb
```
#6a2cbb rgb(106,44,187)
```
#762cbb
```
#762cbb rgb(118,44,187)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#8e2cbb
```
#8e2cbb rgb(142,44,187)
```
#9a2cbb
```
#9a2cbb rgb(154,44,187)
```
#a62cbb
```
#a62cbb rgb(166,44,187)
```

Similar Colors

Text with hexadecimal color #822cbb

This text has a font color of #822cbb.

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

#822cbb background color

This paragraph has a background color of #822cbb.

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

#822cbb border color

This element has a border color of #822cbb.

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

CSS codes

.text {color:#822cbb;}

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

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

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, #09030c is the darkest color, while #fdfbfe is the lightest one.

#09030c
```
#09030c rgb(9,3,12)
```
#14071c
```
#14071c rgb(20,7,28)
```
#1f0a2c
```
#1f0a2c rgb(31,10,44)
```
#2a0e3c
```
#2a0e3c rgb(42,14,60)
```
#35124c
```
#35124c rgb(53,18,76)
```
#40165c
```
#40165c rgb(64,22,92)
```
#4b196c
```
#4b196c rgb(75,25,108)
```
#561d7b
```
#561d7b rgb(86,29,123)
```
#61218b
```
#61218b rgb(97,33,139)
```
#6c259b
```
#6c259b rgb(108,37,155)
```
#7728ab
```
#7728ab rgb(119,40,171)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#8d30cb
```
#8d30cb rgb(141,48,203)
```

Shade Color Variation

#963dd1
```
#963dd1 rgb(150,61,209)
```
#9f4dd5
```
#9f4dd5 rgb(159,77,213)
```
#a75dd9
```
#a75dd9 rgb(167,93,217)
```
#b06ddd
```
#b06ddd rgb(176,109,221)
```
#b87ce0
```
#b87ce0 rgb(184,124,224)
```
#c18ce4
```
#c18ce4 rgb(193,140,228)
```
#ca9ce8
```
#ca9ce8 rgb(202,156,232)
```
#d2aceb
```
#d2aceb rgb(210,172,235)
```
#dbbcef
```
#dbbcef rgb(219,188,239)
```
#e3ccf3
```
#e3ccf3 rgb(227,204,243)
```
#ecdcf7
```
#ecdcf7 rgb(236,220,247)
```
#f5ecfa
```
#f5ecfa rgb(245,236,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#747374
```
#747374 rgb(116,115,116)
```
#756a7d
```
#756a7d rgb(117,106,125)
```
#776186
```
#776186 rgb(119,97,134)
```
#79588f
```
#79588f rgb(121,88,143)
```
#7b5097
```
#7b5097 rgb(123,80,151)
```
#7d47a0
```
#7d47a0 rgb(125,71,160)
```
#7e3ea9
```
#7e3ea9 rgb(126,62,169)
```
#8035b2
```
#8035b2 rgb(128,53,178)
```
#822cbb
```
#822cbb rgb(130,44,187)
```
#8423c4
```
#8423c4 rgb(132,35,196)
```
#861acd
```
#861acd rgb(134,26,205)
```
#8711d6
```
#8711d6 rgb(135,17,214)
```
#8908df
```
#8908df rgb(137,8,223)
```

Tone Color Variation

Below, you can see how #822cbb 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
#5f4e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#745b62 Tritanopia 0.001% of the population

Trichromacy

#2f4cba Protanomaly 1% of men, 0.01% of women
#2f4fac Deuteranomaly 6% of men, 0.4% of women
#794a82 Tritanomaly 0.01% of the population

#822cbb hex color

#822cbb Color Information

#822cbb Color Conversion

Color Schemes with #822cbb

Alternatives to #822cbb

#822cbb Preview

Shades and Tints of #822cbb

Tones of #822cbb

Color Blindness Simulator