#822ae0 hex color

In a RGB color space, hex #822ae0 is composed of 51% red, 16.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 81.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 269 degrees, a saturation of 74.6% and a lightness of 52.2%. #822ae0 color hex could be obtained by blending #ff54ff with #0500c1. Closest websafe color is: #9933cc.

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

● #822ae0 color description : Bright violet.

The hexadecimal color #822ae0 has RGB values of R:130, G:42, B:224 and CMYK values of C:0.42, M:0.81, Y:0, K:0.12. Its decimal value is 8530656.

Hex triplet	822ae0	`#822ae0`
RGB Decimal	130, 42, 224	`rgb(130,42,224)`
RGB Percent	51, 16.5, 87.8	`rgb(51%,16.5%,87.8%)`
CMYK	42, 81, 0, 12
HSL	269°, 74.6, 52.2	`hsl(269,74.6%,52.2%)`
HSV (or HSB)	269°, 81.3, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	40.87, 68.628, -75.83
XYZ	23.486, 11.784, 71.554
xyY	0.22, 0.11, 11.784
CIE-LCH	40.87, 102.274, 312.146
CIE-LUV	40.87, 15.188, -113.025
Hunter-Lab	34.327, 62.054, -99.559
Binary	10000010, 00101010, 11100000

#822ae0
```
#822ae0 rgb(130,42,224)
```
#88e02a
```
#88e02a rgb(136,224,42)
```

Complementary Color

#2a2de0
```
#2a2de0 rgb(42,45,224)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#dd2ae0
```
#dd2ae0 rgb(221,42,224)
```

Analogous Color

#2de02a
```
#2de02a rgb(45,224,42)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#e0dd2a
```
#e0dd2a rgb(224,221,42)
```

Split Complementary Color

#2ae082
```
#2ae082 rgb(42,224,130)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#e0822a
```
#e0822a rgb(224,130,42)
```

Triadic Color

#2a88e0
```
#2a88e0 rgb(42,136,224)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#e0822a
```
#e0822a rgb(224,130,42)
```
#88e02a
```
#88e02a rgb(136,224,42)
```

Tetradic Color

#5c18a5
```
#5c18a5 rgb(92,24,165)
```
#691bbc
```
#691bbc rgb(105,27,188)
```
#751fd2
```
#751fd2 rgb(117,31,210)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#8f40e3
```
#8f40e3 rgb(143,64,227)
```
#9c57e6
```
#9c57e6 rgb(156,87,230)
```
#a96dea
```
#a96dea rgb(169,109,234)
```

Monochromatic Color

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

#552ae0
```
#552ae0 rgb(85,42,224)
```
#642ae0
```
#642ae0 rgb(100,42,224)
```
#732ae0
```
#732ae0 rgb(115,42,224)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#912ae0
```
#912ae0 rgb(145,42,224)
```
#a02ae0
```
#a02ae0 rgb(160,42,224)
```
#b02ae0
```
#b02ae0 rgb(176,42,224)
```

Similar Colors

Text with hexadecimal color #822ae0

This text has a font color of #822ae0.

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

#822ae0 background color

This paragraph has a background color of #822ae0.

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

#822ae0 border color

This element has a border color of #822ae0.

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

CSS codes

.text {color:#822ae0;}

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

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

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, #05010a is the darkest color, while #fbf7fe is the lightest one.

#05010a
```
#05010a rgb(5,1,10)
```
#0f041b
```
#0f041b rgb(15,4,27)
```
#18062c
```
#18062c rgb(24,6,44)
```
#22093d
```
#22093d rgb(34,9,61)
```
#2c0b4e
```
#2c0b4e rgb(44,11,78)
```
#350e5f
```
#350e5f rgb(53,14,95)
```
#3f1070
```
#3f1070 rgb(63,16,112)
```
#481381
```
#481381 rgb(72,19,129)
```
#521593
```
#521593 rgb(82,21,147)
```
#5b18a4
```
#5b18a4 rgb(91,24,164)
```
#651ab5
```
#651ab5 rgb(101,26,181)
```
#6f1dc6
```
#6f1dc6 rgb(111,29,198)
```
#781fd7
```
#781fd7 rgb(120,31,215)
```

Shade Color Variation

#822ae0
```
#822ae0 rgb(130,42,224)
```
#8c3be2
```
#8c3be2 rgb(140,59,226)
```
#964ce5
```
#964ce5 rgb(150,76,229)
```
#a05de7
```
#a05de7 rgb(160,93,231)
```
#aa6eea
```
#aa6eea rgb(170,110,234)
```
#b480ec
```
#b480ec rgb(180,128,236)
```
#be91ef
```
#be91ef rgb(190,145,239)
```
#c8a2f1
```
#c8a2f1 rgb(200,162,241)
```
#d2b3f4
```
#d2b3f4 rgb(210,179,244)
```
#dcc4f6
```
#dcc4f6 rgb(220,196,246)
```
#e6d5f9
```
#e6d5f9 rgb(230,213,249)
```
#f1e6fb
```
#f1e6fb rgb(241,230,251)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

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

#857e8c
```
#857e8c rgb(133,126,140)
```
#847595
```
#847595 rgb(132,117,149)
```
#846c9e
```
#846c9e rgb(132,108,158)
```
#8462a8
```
#8462a8 rgb(132,98,168)
```
#8459b1
```
#8459b1 rgb(132,89,177)
```
#8350ba
```
#8350ba rgb(131,80,186)
```
#8346c4
```
#8346c4 rgb(131,70,196)
```
#833dcd
```
#833dcd rgb(131,61,205)
```
#8233d7
```
#8233d7 rgb(130,51,215)
```
#822ae0
```
#822ae0 rgb(130,42,224)
```
#8221e9
```
#8221e9 rgb(130,33,233)
```
#8117f3
```
#8117f3 rgb(129,23,243)
```
#810efc
```
#810efc rgb(129,14,252)
```

Tone Color Variation

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

#0065c5 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#68686f Tritanopia 0.001% of the population

Trichromacy

#2f4fcf Protanomaly 1% of men, 0.01% of women
#2f53bf Deuteranomaly 6% of men, 0.4% of women
#715198 Tritanomaly 0.01% of the population

#822ae0 hex color

#822ae0 Color Information

#822ae0 Color Conversion

Color Schemes with #822ae0

Alternatives to #822ae0

#822ae0 Preview

Shades and Tints of #822ae0

Tones of #822ae0

Color Blindness Simulator