#822ae2 hex color

In a RGB color space, hex #822ae2 is composed of 51% red, 16.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 81.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 268.7 degrees, a saturation of 76% and a lightness of 52.5%. #822ae2 color hex could be obtained by blending #ff54ff with #0500c5. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 51
- G 16
- B 89
RGB color chart
- C 42
- M 81
- Y 0
- K 11
CMYK color chart

● #822ae2 color description : Bright violet.

The hexadecimal color #822ae2 has RGB values of R:130, G:42, B:226 and CMYK values of C:0.42, M:0.81, Y:0, K:0.11. Its decimal value is 8530658.

Hex triplet	822ae2	`#822ae2`
RGB Decimal	130, 42, 226	`rgb(130,42,226)`
RGB Percent	51, 16.5, 88.6	`rgb(51%,16.5%,88.6%)`
CMYK	42, 81, 0, 11
HSL	268.7°, 76, 52.5	`hsl(268.7,76%,52.5%)`
HSV (or HSB)	268.7°, 81.4, 88.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	41.045, 69.084, -76.685
XYZ	23.759, 11.893, 72.991
xyY	0.219, 0.109, 11.893
CIE-LCH	41.045, 103.214, 312.015
CIE-LUV	41.045, 14.851, -114.279
Hunter-Lab	34.486, 62.627, -101.35
Binary	10000010, 00101010, 11100010

#822ae2
```
#822ae2 rgb(130,42,226)
```
#8ae22a
```
#8ae22a rgb(138,226,42)
```

Complementary Color

#2a2ee2
```
#2a2ee2 rgb(42,46,226)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#de2ae2
```
#de2ae2 rgb(222,42,226)
```

Analogous Color

#2ee22a
```
#2ee22a rgb(46,226,42)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#e2de2a
```
#e2de2a rgb(226,222,42)
```

Split Complementary Color

#2ae282
```
#2ae282 rgb(42,226,130)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#e2822a
```
#e2822a rgb(226,130,42)
```

Triadic Color

#2a8ae2
```
#2a8ae2 rgb(42,138,226)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#e2822a
```
#e2822a rgb(226,130,42)
```
#8ae22a
```
#8ae22a rgb(138,226,42)
```

Tetradic Color

#5d17a9
```
#5d17a9 rgb(93,23,169)
```
#691abf
```
#691abf rgb(105,26,191)
```
#751dd5
```
#751dd5 rgb(117,29,213)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#8f40e5
```
#8f40e5 rgb(143,64,229)
```
#9c57e8
```
#9c57e8 rgb(156,87,232)
```
#aa6deb
```
#aa6deb rgb(170,109,235)
```

Monochromatic Color

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

#542ae2
```
#542ae2 rgb(84,42,226)
```
#632ae2
```
#632ae2 rgb(99,42,226)
```
#732ae2
```
#732ae2 rgb(115,42,226)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#912ae2
```
#912ae2 rgb(145,42,226)
```
#a12ae2
```
#a12ae2 rgb(161,42,226)
```
#b02ae2
```
#b02ae2 rgb(176,42,226)
```

Similar Colors

Text with hexadecimal color #822ae2

This text has a font color of #822ae2.

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

#822ae2 background color

This paragraph has a background color of #822ae2.

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

#822ae2 border color

This element has a border color of #822ae2.

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

CSS codes

.text {color:#822ae2;}

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

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

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

#06020b
```
#06020b rgb(6,2,11)
```
#10041d
```
#10041d rgb(16,4,29)
```
#19062e
```
#19062e rgb(25,6,46)
```
#23093f
```
#23093f rgb(35,9,63)
```
#2c0b51
```
#2c0b51 rgb(44,11,81)
```
#360d62
```
#360d62 rgb(54,13,98)
```
#3f1073
```
#3f1073 rgb(63,16,115)
```
#491284
```
#491284 rgb(73,18,132)
```
#521496
```
#521496 rgb(82,20,150)
```
#5c17a7
```
#5c17a7 rgb(92,23,167)
```
#6519b8
```
#6519b8 rgb(101,25,184)
```
#6f1bc9
```
#6f1bc9 rgb(111,27,201)
```
#781edb
```
#781edb rgb(120,30,219)
```

Shade Color Variation

#822ae2
```
#822ae2 rgb(130,42,226)
```
#8c3be4
```
#8c3be4 rgb(140,59,228)
```
#964de7
```
#964de7 rgb(150,77,231)
```
#a05ee9
```
#a05ee9 rgb(160,94,233)
```
#ab6feb
```
#ab6feb rgb(171,111,235)
```
#b580ee
```
#b580ee rgb(181,128,238)
```
#bf92f0
```
#bf92f0 rgb(191,146,240)
```
#c9a3f2
```
#c9a3f2 rgb(201,163,242)
```
#d3b4f5
```
#d3b4f5 rgb(211,180,245)
```
#ddc5f7
```
#ddc5f7 rgb(221,197,247)
```
#e7d7fa
```
#e7d7fa rgb(231,215,250)
```
#f1e8fc
```
#f1e8fc rgb(241,232,252)
```
#fcf9fe
```
#fcf9fe rgb(252,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #867e8e is the less saturated color, while #810efe is the most saturated one.

#867e8e
```
#867e8e rgb(134,126,142)
```
#857498
```
#857498 rgb(133,116,152)
```
#856ba1
```
#856ba1 rgb(133,107,161)
```
#8462aa
```
#8462aa rgb(132,98,170)
```
#8459b3
```
#8459b3 rgb(132,89,179)
```
#844fbd
```
#844fbd rgb(132,79,189)
```
#8346c6
```
#8346c6 rgb(131,70,198)
```
#833dcf
```
#833dcf rgb(131,61,207)
```
#8233d9
```
#8233d9 rgb(130,51,217)
```
#822ae2
```
#822ae2 rgb(130,42,226)
```
#8221eb
```
#8221eb rgb(130,33,235)
```
#8117f5
```
#8117f5 rgb(129,23,245)
```
#810efe
```
#810efe rgb(129,14,254)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#615074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#676870 Tritanopia 0.001% of the population

Trichromacy

#2f50d0 Protanomaly 1% of men, 0.01% of women
#2f53c0 Deuteranomaly 6% of men, 0.4% of women
#705199 Tritanomaly 0.01% of the population

#822ae2 hex color

#822ae2 Color Information

#822ae2 Color Conversion

Color Schemes with #822ae2

Alternatives to #822ae2

#822ae2 Preview

Shades and Tints of #822ae2

Tones of #822ae2

Color Blindness Simulator