#822dff hex color

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

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

● #822dff color description : Vivid violet.

The hexadecimal color #822dff has RGB values of R:130, G:45, B:255 and CMYK values of C:0.49, M:0.82, Y:0, K:0. Its decimal value is 8531455.

Hex triplet	822dff	`#822dff`
RGB Decimal	130, 45, 255	`rgb(130,45,255)`
RGB Percent	51, 17.6, 100	`rgb(51%,17.6%,100%)`
CMYK	49, 82, 0, 0
HSL	264.3°, 100, 58.8	`hsl(264.3,100%,58.8%)`
HSV (or HSB)	264.3°, 82.4, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	44.006, 74.802, -88.179
XYZ	28.191, 13.842, 95.789
xyY	0.205, 0.1, 13.842
CIE-LCH	44.006, 115.633, 310.308
CIE-LUV	44.006, 10.121, -131.703
Hunter-Lab	37.205, 70.144, -126.605
Binary	10000010, 00101101, 11111111

#822dff
```
#822dff rgb(130,45,255)
```
#aaff2d
```
#aaff2d rgb(170,255,45)
```

Complementary Color

#2d41ff
```
#2d41ff rgb(45,65,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#eb2dff
```
#eb2dff rgb(235,45,255)
```

Analogous Color

#41ff2d
```
#41ff2d rgb(65,255,45)
```
#822dff
```
#822dff rgb(130,45,255)
```
#ffeb2d
```
#ffeb2d rgb(255,235,45)
```

Split Complementary Color

#2dff82
```
#2dff82 rgb(45,255,130)
```
#822dff
```
#822dff rgb(130,45,255)
```
#ff822d
```
#ff822d rgb(255,130,45)
```

Triadic Color

#2daaff
```
#2daaff rgb(45,170,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#ff822d
```
#ff822d rgb(255,130,45)
```
#aaff2d
```
#aaff2d rgb(170,255,45)
```

Tetradic Color

#5a00e0
```
#5a00e0 rgb(90,0,224)
```
#6500f9
```
#6500f9 rgb(101,0,249)
```
#7314ff
```
#7314ff rgb(115,20,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#9147ff
```
#9147ff rgb(145,71,255)
```
#a060ff
```
#a060ff rgb(160,96,255)
```
#b07aff
```
#b07aff rgb(176,122,255)
```

Monochromatic Color

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

#4e2dff
```
#4e2dff rgb(78,45,255)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#712dff
```
#712dff rgb(113,45,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#942dff
```
#942dff rgb(148,45,255)
```
#a52dff
```
#a52dff rgb(165,45,255)
```
#b72dff
```
#b72dff rgb(183,45,255)
```

Similar Colors

Text with hexadecimal color #822dff

This text has a font color of #822dff.

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

#822dff background color

This paragraph has a background color of #822dff.

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

#822dff border color

This element has a border color of #822dff.

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

CSS codes

.text {color:#822dff;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#0a0019
```
#0a0019 rgb(10,0,25)
```
#12002d
```
#12002d rgb(18,0,45)
```
#1a0041
```
#1a0041 rgb(26,0,65)
```
#220054
```
#220054 rgb(34,0,84)
```
#2a0068
```
#2a0068 rgb(42,0,104)
```
#32007b
```
#32007b rgb(50,0,123)
```
#3a008f
```
#3a008f rgb(58,0,143)
```
#4200a3
```
#4200a3 rgb(66,0,163)
```
#4a00b6
```
#4a00b6 rgb(74,0,182)
```
#5200ca
```
#5200ca rgb(82,0,202)
```
#5a00de
```
#5a00de rgb(90,0,222)
```
#6200f1
```
#6200f1 rgb(98,0,241)
```

Shade Color Variation

#6b06ff
```
#6b06ff rgb(107,6,255)
```
#7619ff
```
#7619ff rgb(118,25,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#8e41ff
```
#8e41ff rgb(142,65,255)
```
#9954ff
```
#9954ff rgb(153,84,255)
```
#a568ff
```
#a568ff rgb(165,104,255)
```
#b17bff
```
#b17bff rgb(177,123,255)
```
#bc8fff
```
#bc8fff rgb(188,143,255)
```
#c8a3ff
```
#c8a3ff rgb(200,163,255)
```
#d4b6ff
```
#d4b6ff rgb(212,182,255)
```
#dfcaff
```
#dfcaff rgb(223,202,255)
```
#ebdeff
```
#ebdeff rgb(235,222,255)
```
#f7f1ff
```
#f7f1ff rgb(247,241,255)
```

Tint Color Variation

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

#948e9e
```
#948e9e rgb(148,142,158)
```
#9386a6
```
#9386a6 rgb(147,134,166)
```
#917eae
```
#917eae rgb(145,126,174)
```
#9076b6
```
#9076b6 rgb(144,118,182)
```
#8e6ebe
```
#8e6ebe rgb(142,110,190)
```
#8d66c6
```
#8d66c6 rgb(141,102,198)
```
#8b5dcf
```
#8b5dcf rgb(139,93,207)
```
#8a55d7
```
#8a55d7 rgb(138,85,215)
```
#884ddf
```
#884ddf rgb(136,77,223)
```
#8745e7
```
#8745e7 rgb(135,69,231)
```
#853def
```
#853def rgb(133,61,239)
```
#8435f7
```
#8435f7 rgb(132,53,247)
```
#822dff
```
#822dff rgb(130,45,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#65547e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#58747c Tritanopia 0.001% of the population

Trichromacy

#2f55e3 Protanomaly 1% of men, 0.01% of women
#2f59d1 Deuteranomaly 6% of men, 0.4% of women
#675aac Tritanomaly 0.01% of the population

#822dff hex color

#822dff Color Information

#822dff Color Conversion

Color Schemes with #822dff

Alternatives to #822dff

#822dff Preview

Shades and Tints of #822dff

Tones of #822dff

Color Blindness Simulator