#822cfd hex color

In a RGB color space, hex #822cfd is composed of 51% red, 17.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 82.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 264.7 degrees, a saturation of 98.1% and a lightness of 58.2%. #822cfd color hex could be obtained by blending #ff58ff with #0500fb. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 51
- G 17
- B 99
RGB color chart
- C 49
- M 83
- Y 0
- K 1
CMYK color chart

● #822cfd color description : Bright violet.

The hexadecimal color #822cfd has RGB values of R:130, G:44, B:253 and CMYK values of C:0.49, M:0.83, Y:0, K:0.01. Its decimal value is 8531197.

Hex triplet	822cfd	`#822cfd`
RGB Decimal	130, 44, 253	`rgb(130,44,253)`
RGB Percent	51, 17.3, 99.2	`rgb(51%,17.3%,99.2%)`
CMYK	49, 83, 0, 1
HSL	264.7°, 98.1, 58.2	`hsl(264.7,98.1%,58.2%)`
HSV (or HSB)	264.7°, 82.6, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	43.71, 74.658, -87.549
XYZ	27.833, 13.639, 94.089
xyY	0.205, 0.101, 13.639
CIE-LCH	43.71, 115.059, 310.456
CIE-LUV	43.71, 10.497, -130.604
Hunter-Lab	36.931, 69.899, -125.203
Binary	10000010, 00101100, 11111101

#822cfd
```
#822cfd rgb(130,44,253)
```
#a7fd2c
```
#a7fd2c rgb(167,253,44)
```

Complementary Color

#2c3ffd
```
#2c3ffd rgb(44,63,253)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#eb2cfd
```
#eb2cfd rgb(235,44,253)
```

Analogous Color

#3ffd2c
```
#3ffd2c rgb(63,253,44)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#fdeb2c
```
#fdeb2c rgb(253,235,44)
```

Split Complementary Color

#2cfd82
```
#2cfd82 rgb(44,253,130)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#fd822c
```
#fd822c rgb(253,130,44)
```

Triadic Color

#2ca7fd
```
#2ca7fd rgb(44,167,253)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#fd822c
```
#fd822c rgb(253,130,44)
```
#a7fd2c
```
#a7fd2c rgb(167,253,44)
```

Tetradic Color

#5b02da
```
#5b02da rgb(91,2,218)
```
#6602f4
```
#6602f4 rgb(102,2,244)
```
#7313fd
```
#7313fd rgb(115,19,253)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#9145fd
```
#9145fd rgb(145,69,253)
```
#a05ffd
```
#a05ffd rgb(160,95,253)
```
#af78fe
```
#af78fe rgb(175,120,254)
```

Monochromatic Color

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

#4e2cfd
```
#4e2cfd rgb(78,44,253)
```
#5f2cfd
```
#5f2cfd rgb(95,44,253)
```
#712cfd
```
#712cfd rgb(113,44,253)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#932cfd
```
#932cfd rgb(147,44,253)
```
#a52cfd
```
#a52cfd rgb(165,44,253)
```
#b62cfd
```
#b62cfd rgb(182,44,253)
```

Similar Colors

Text with hexadecimal color #822cfd

This text has a font color of #822cfd.

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

#822cfd background color

This paragraph has a background color of #822cfd.

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

#822cfd border color

This element has a border color of #822cfd.

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

CSS codes

.text {color:#822cfd;}

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

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

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)
```
#19013d
```
#19013d rgb(25,1,61)
```
#220150
```
#220150 rgb(34,1,80)
```
#2a0164
```
#2a0164 rgb(42,1,100)
```
#320177
```
#320177 rgb(50,1,119)
```
#3a018b
```
#3a018b rgb(58,1,139)
```
#42019e
```
#42019e rgb(66,1,158)
```
#4a02b2
```
#4a02b2 rgb(74,2,178)
```
#5202c5
```
#5202c5 rgb(82,2,197)
```
#5a02d8
```
#5a02d8 rgb(90,2,216)
```
#6202ec
```
#6202ec rgb(98,2,236)
```

Shade Color Variation

#6b05fd
```
#6b05fd rgb(107,5,253)
```
#7619fd
```
#7619fd rgb(118,25,253)
```
#822cfd
```
#822cfd rgb(130,44,253)
```
#8e3ffd
```
#8e3ffd rgb(142,63,253)
```
#9953fd
```
#9953fd rgb(153,83,253)
```
#a566fe
```
#a566fe rgb(165,102,254)
```
#b07afe
```
#b07afe rgb(176,122,254)
```
#bc8dfe
```
#bc8dfe rgb(188,141,254)
```
#c7a1fe
```
#c7a1fe rgb(199,161,254)
```
#d3b4fe
```
#d3b4fe rgb(211,180,254)
```
#dec7fe
```
#dec7fe rgb(222,199,254)
```
#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, #938e9b is the less saturated color, while #822cfd is the most saturated one.

#938e9b
```
#938e9b rgb(147,142,155)
```
#9286a3
```
#9286a3 rgb(146,134,163)
```
#917eab
```
#917eab rgb(145,126,171)
```
#8f76b3
```
#8f76b3 rgb(143,118,179)
```
#8e6ebb
```
#8e6ebb rgb(142,110,187)
```
#8c65c4
```
#8c65c4 rgb(140,101,196)
```
#8b5dcc
```
#8b5dcc rgb(139,93,204)
```
#8955d4
```
#8955d4 rgb(137,85,212)
```
#884ddc
```
#884ddc rgb(136,77,220)
```
#8645e4
```
#8645e4 rgb(134,69,228)
```
#853ced
```
#853ced rgb(133,60,237)
```
#8334f5
```
#8334f5 rgb(131,52,245)
```
#822cfd
```
#822cfd rgb(130,44,253)
```

Tone Color Variation

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

#006cd1 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#59737b Tritanopia 0.001% of the population

Trichromacy

#2f54e1 Protanomaly 1% of men, 0.01% of women
#2f58d0 Deuteranomaly 6% of men, 0.4% of women
#6859aa Tritanomaly 0.01% of the population

#822cfd hex color

#822cfd Color Information

#822cfd Color Conversion

Color Schemes with #822cfd

Alternatives to #822cfd

#822cfd Preview

Shades and Tints of #822cfd

Tones of #822cfd

Color Blindness Simulator