#822aff hex color

In a RGB color space, hex #822aff is composed of 51% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 264.8 degrees, a saturation of 100% and a lightness of 58.2%. #822aff color hex could be obtained by blending #ff54ff with #0500ff. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 51
- G 16
- B 100
RGB color chart
- C 49
- M 84
- Y 0
- K 0
CMYK color chart

● #822aff color description : Vivid violet.

The hexadecimal color #822aff has RGB values of R:130, G:42, B:255 and CMYK values of C:0.49, M:0.84, Y:0, K:0. Its decimal value is 8530687.

Hex triplet	822aff	`#822aff`
RGB Decimal	130, 42, 255	`rgb(130,42,255)`
RGB Percent	51, 16.5, 100	`rgb(51%,16.5%,100%)`
CMYK	49, 84, 0, 0
HSL	264.8°, 100, 58.2	`hsl(264.8,100%,58.2%)`
HSV (or HSB)	264.8°, 83.5, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	43.685, 75.749, -88.708
XYZ	28.081, 13.621, 95.752
xyY	0.204, 0.099, 13.621
CIE-LCH	43.685, 116.649, 310.494
CIE-LUV	43.685, 10.397, -131.996
Hunter-Lab	36.907, 71.223, -127.986
Binary	10000010, 00101010, 11111111

#822aff
```
#822aff rgb(130,42,255)
```
#a7ff2a
```
#a7ff2a rgb(167,255,42)
```

Complementary Color

#2a3dff
```
#2a3dff rgb(42,61,255)
```
#822aff
```
#822aff rgb(130,42,255)
```
#ed2aff
```
#ed2aff rgb(237,42,255)
```

Analogous Color

#3dff2a
```
#3dff2a rgb(61,255,42)
```
#822aff
```
#822aff rgb(130,42,255)
```
#ffed2a
```
#ffed2a rgb(255,237,42)
```

Split Complementary Color

#2aff82
```
#2aff82 rgb(42,255,130)
```
#822aff
```
#822aff rgb(130,42,255)
```
#ff822a
```
#ff822a rgb(255,130,42)
```

Triadic Color

#2aa7ff
```
#2aa7ff rgb(42,167,255)
```
#822aff
```
#822aff rgb(130,42,255)
```
#ff822a
```
#ff822a rgb(255,130,42)
```
#a7ff2a
```
#a7ff2a rgb(167,255,42)
```

Tetradic Color

#5b00dd
```
#5b00dd rgb(91,0,221)
```
#6600f6
```
#6600f6 rgb(102,0,246)
```
#7311ff
```
#7311ff rgb(115,17,255)
```
#822aff
```
#822aff rgb(130,42,255)
```
#9144ff
```
#9144ff rgb(145,68,255)
```
#a05dff
```
#a05dff rgb(160,93,255)
```
#af77ff
```
#af77ff rgb(175,119,255)
```

Monochromatic Color

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

#4d2aff
```
#4d2aff rgb(77,42,255)
```
#5f2aff
```
#5f2aff rgb(95,42,255)
```
#702aff
```
#702aff rgb(112,42,255)
```
#822aff
```
#822aff rgb(130,42,255)
```
#942aff
```
#942aff rgb(148,42,255)
```
#a62aff
```
#a62aff rgb(166,42,255)
```
#b72aff
```
#b72aff rgb(183,42,255)
```

Similar Colors

Text with hexadecimal color #822aff

This text has a font color of #822aff.

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

#822aff background color

This paragraph has a background color of #822aff.

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

#822aff border color

This element has a border color of #822aff.

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

CSS codes

.text {color:#822aff;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090016
```
#090016 rgb(9,0,22)
```
#11002a
```
#11002a rgb(17,0,42)
```
#19003e
```
#19003e rgb(25,0,62)
```
#220051
```
#220051 rgb(34,0,81)
```
#2a0065
```
#2a0065 rgb(42,0,101)
```
#320078
```
#320078 rgb(50,0,120)
```
#3a008c
```
#3a008c rgb(58,0,140)
```
#4200a0
```
#4200a0 rgb(66,0,160)
```
#4a00b3
```
#4a00b3 rgb(74,0,179)
```
#5200c7
```
#5200c7 rgb(82,0,199)
```
#5a00db
```
#5a00db rgb(90,0,219)
```
#6200ee
```
#6200ee rgb(98,0,238)
```

Shade Color Variation

#6b03ff
```
#6b03ff rgb(107,3,255)
```
#7616ff
```
#7616ff rgb(118,22,255)
```
#822aff
```
#822aff rgb(130,42,255)
```
#8e3eff
```
#8e3eff rgb(142,62,255)
```
#9951ff
```
#9951ff rgb(153,81,255)
```
#a565ff
```
#a565ff rgb(165,101,255)
```
#b078ff
```
#b078ff rgb(176,120,255)
```
#bc8cff
```
#bc8cff rgb(188,140,255)
```
#c7a0ff
```
#c7a0ff rgb(199,160,255)
```
#d3b3ff
```
#d3b3ff rgb(211,179,255)
```
#dec7ff
```
#dec7ff rgb(222,199,255)
```
#eadbff
```
#eadbff rgb(234,219,255)
```
#f5eeff
```
#f5eeff rgb(245,238,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #938c9d is the less saturated color, while #822aff is the most saturated one.

#938c9d
```
#938c9d rgb(147,140,157)
```
#9284a5
```
#9284a5 rgb(146,132,165)
```
#907cad
```
#907cad rgb(144,124,173)
```
#8f74b5
```
#8f74b5 rgb(143,116,181)
```
#8d6cbd
```
#8d6cbd rgb(141,108,189)
```
#8c63c6
```
#8c63c6 rgb(140,99,198)
```
#8b5bce
```
#8b5bce rgb(139,91,206)
```
#8953d6
```
#8953d6 rgb(137,83,214)
```
#884bde
```
#884bde rgb(136,75,222)
```
#8643e6
```
#8643e6 rgb(134,67,230)
```
#853aef
```
#853aef rgb(133,58,239)
```
#8332f7
```
#8332f7 rgb(131,50,247)
```
#822aff
```
#822aff rgb(130,42,255)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#64537d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd1 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#58737b Tritanopia 0.001% of the population

Trichromacy

#2f54e2 Protanomaly 1% of men, 0.01% of women
#2f57d1 Deuteranomaly 6% of men, 0.4% of women
#6758ab Tritanomaly 0.01% of the population

#822aff hex color

#822aff Color Information

#822aff Color Conversion

Color Schemes with #822aff

Alternatives to #822aff

#822aff Preview

Shades and Tints of #822aff

Tones of #822aff

Color Blindness Simulator