#822afa hex color

In a RGB color space, hex #822afa is composed of 51% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 265.4 degrees, a saturation of 95.4% and a lightness of 57.3%. #822afa color hex could be obtained by blending #ff54ff with #0500f5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 51
- G 16
- B 98
RGB color chart
- C 48
- M 83
- Y 0
- K 2
CMYK color chart

● #822afa color description : Bright violet.

The hexadecimal color #822afa has RGB values of R:130, G:42, B:250 and CMYK values of C:0.48, M:0.83, Y:0, K:0.02. Its decimal value is 8530682.

Hex triplet	822afa	`#822afa`
RGB Decimal	130, 42, 250	`rgb(130,42,250)`
RGB Percent	51, 16.5, 98	`rgb(51%,16.5%,98%)`
CMYK	48, 83, 0, 2
HSL	265.4°, 95.4, 57.3	`hsl(265.4,95.4%,57.3%)`
HSV (or HSB)	265.4°, 83.2, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	43.217, 74.595, -86.682
XYZ	27.286, 13.304, 91.567
xyY	0.206, 0.101, 13.304
CIE-LCH	43.217, 114.359, 310.714
CIE-LUV	43.217, 11.112, -128.999
Hunter-Lab	36.474, 69.706, -123.314
Binary	10000010, 00101010, 11111010

#822afa
```
#822afa rgb(130,42,250)
```
#a2fa2a
```
#a2fa2a rgb(162,250,42)
```

Complementary Color

#2a3afa
```
#2a3afa rgb(42,58,250)
```
#822afa
```
#822afa rgb(130,42,250)
```
#ea2afa
```
#ea2afa rgb(234,42,250)
```

Analogous Color

#3afa2a
```
#3afa2a rgb(58,250,42)
```
#822afa
```
#822afa rgb(130,42,250)
```
#faea2a
```
#faea2a rgb(250,234,42)
```

Split Complementary Color

#2afa82
```
#2afa82 rgb(42,250,130)
```
#822afa
```
#822afa rgb(130,42,250)
```
#fa822a
```
#fa822a rgb(250,130,42)
```

Triadic Color

#2aa2fa
```
#2aa2fa rgb(42,162,250)
```
#822afa
```
#822afa rgb(130,42,250)
```
#fa822a
```
#fa822a rgb(250,130,42)
```
#a2fa2a
```
#a2fa2a rgb(162,250,42)
```

Tetradic Color

#5c05d3
```
#5c05d3 rgb(92,5,211)
```
#6706eb
```
#6706eb rgb(103,6,235)
```
#7311f9
```
#7311f9 rgb(115,17,249)
```
#822afa
```
#822afa rgb(130,42,250)
```
#9143fb
```
#9143fb rgb(145,67,251)
```
#9f5cfb
```
#9f5cfb rgb(159,92,251)
```
#ae75fc
```
#ae75fc rgb(174,117,252)
```

Monochromatic Color

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

#4e2afa
```
#4e2afa rgb(78,42,250)
```
#5f2afa
```
#5f2afa rgb(95,42,250)
```
#712afa
```
#712afa rgb(113,42,250)
```
#822afa
```
#822afa rgb(130,42,250)
```
#932afa
```
#932afa rgb(147,42,250)
```
#a52afa
```
#a52afa rgb(165,42,250)
```
#b62afa
```
#b62afa rgb(182,42,250)
```

Similar Colors

Text with hexadecimal color #822afa

This text has a font color of #822afa.

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

#822afa background color

This paragraph has a background color of #822afa.

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

#822afa border color

This element has a border color of #822afa.

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

CSS codes

.text {color:#822afa;}

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

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

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

#070011
```
#070011 rgb(7,0,17)
```
#100124
```
#100124 rgb(16,1,36)
```
#180137
```
#180137 rgb(24,1,55)
```
#21024a
```
#21024a rgb(33,2,74)
```
#29025e
```
#29025e rgb(41,2,94)
```
#310371
```
#310371 rgb(49,3,113)
```
#3a0384
```
#3a0384 rgb(58,3,132)
```
#420497
```
#420497 rgb(66,4,151)
```
#4a04aa
```
#4a04aa rgb(74,4,170)
```
#5304bd
```
#5304bd rgb(83,4,189)
```
#5b05d1
```
#5b05d1 rgb(91,5,209)
```
#6305e4
```
#6305e4 rgb(99,5,228)
```
#6c06f7
```
#6c06f7 rgb(108,6,247)
```

Shade Color Variation

#7717fa
```
#7717fa rgb(119,23,250)
```
#822afa
```
#822afa rgb(130,42,250)
```
#8d3dfa
```
#8d3dfa rgb(141,61,250)
```
#9850fb
```
#9850fb rgb(152,80,251)
```
#a463fb
```
#a463fb rgb(164,99,251)
```
#af77fc
```
#af77fc rgb(175,119,252)
```
#ba8afc
```
#ba8afc rgb(186,138,252)
```
#c59dfd
```
#c59dfd rgb(197,157,253)
```
#d1b0fd
```
#d1b0fd rgb(209,176,253)
```
#dcc3fe
```
#dcc3fe rgb(220,195,254)
```
#e7d6fe
```
#e7d6fe rgb(231,214,254)
```
#f2eafe
```
#f2eafe rgb(242,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#918f95
```
#918f95 rgb(145,143,149)
```
#90869e
```
#90869e rgb(144,134,158)
```
#8f7ea6
```
#8f7ea6 rgb(143,126,166)
```
#8e75af
```
#8e75af rgb(142,117,175)
```
#8c6db7
```
#8c6db7 rgb(140,109,183)
```
#8b65bf
```
#8b65bf rgb(139,101,191)
```
#8a5cc8
```
#8a5cc8 rgb(138,92,200)
```
#8854d0
```
#8854d0 rgb(136,84,208)
```
#874cd8
```
#874cd8 rgb(135,76,216)
```
#8643e1
```
#8643e1 rgb(134,67,225)
```
#853be9
```
#853be9 rgb(133,59,233)
```
#8332f2
```
#8332f2 rgb(131,50,242)
```
#822afa
```
#822afa rgb(130,42,250)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#64527c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#5b7179 Tritanopia 0.001% of the population

Trichromacy

#2f53df Protanomaly 1% of men, 0.01% of women
#2f57ce Deuteranomaly 6% of men, 0.4% of women
#6957a8 Tritanomaly 0.01% of the population

#822afa hex color

#822afa Color Information

#822afa Color Conversion

Color Schemes with #822afa

Alternatives to #822afa

#822afa Preview

Shades and Tints of #822afa

Tones of #822afa

Color Blindness Simulator