colorhexa.com

#c822fc hex color

In a RGB color space, hex #c822fc is composed of 78.4% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 285.7 degrees, a saturation of 97.3% and a lightness of 56.1%. #c822fc color hex could be obtained by blending #ff44ff with #9100f9. Closest websafe color is: #cc33ff.

- R 78
- G 13
- B 99
RGB color chart
- C 21
- M 87
- Y 0
- K 1
CMYK color chart

● #c822fc color description : Vivid magenta.

The hexadecimal color #c822fc has RGB values of R:200, G:34, B:252 and CMYK values of C:0.21, M:0.87, Y:0, K:0.01. Its decimal value is 13116156.

Hex triplet	c822fc	`#c822fc`
RGB Decimal	200, 34, 252	`rgb(200,34,252)`
RGB Percent	78.4, 13.3, 98.8	`rgb(78.4%,13.3%,98.8%)`
CMYK	21, 87, 0, 1
HSL	285.7°, 97.3, 56.1	`hsl(285.7,97.3%,56.1%)`
HSV (or HSB)	285.7°, 86.5, 98.8
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.346, 86.122, -72.483
XYZ	41.96, 20.453, 93.828
xyY	0.269, 0.131, 20.453
CIE-LCH	52.346, 112.565, 319.915
CIE-LUV	52.346, 46.593, -119.943
Hunter-Lab	45.225, 86.467, -91.349
Binary	11001000, 00100010, 11111100

#c822fc
```
#c822fc rgb(200,34,252)
```
#56fc22
```
#56fc22 rgb(86,252,34)
```

Complementary Color

#5b22fc
```
#5b22fc rgb(91,34,252)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#fc22c3
```
#fc22c3 rgb(252,34,195)
```

Analogous Color

#22fc5b
```
#22fc5b rgb(34,252,91)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#c3fc22
```
#c3fc22 rgb(195,252,34)
```

Split Complementary Color

#22fcc8
```
#22fcc8 rgb(34,252,200)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#fcc822
```
#fcc822 rgb(252,200,34)
```

Triadic Color

#2256fc
```
#2256fc rgb(34,86,252)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#fcc822
```
#fcc822 rgb(252,200,34)
```
#56fc22
```
#56fc22 rgb(86,252,34)
```

Tetradic Color

#9e03cf
```
#9e03cf rgb(158,3,207)
```
#b103e8
```
#b103e8 rgb(177,3,232)
```
#c209fc
```
#c209fc rgb(194,9,252)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#ce3bfc
```
#ce3bfc rgb(206,59,252)
```
#d554fd
```
#d554fd rgb(213,84,253)
```
#db6dfd
```
#db6dfd rgb(219,109,253)
```

Monochromatic Color

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

#9222fc
```
#9222fc rgb(146,34,252)
```
#a422fc
```
#a422fc rgb(164,34,252)
```
#b622fc
```
#b622fc rgb(182,34,252)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#da22fc
```
#da22fc rgb(218,34,252)
```
#ec22fc
```
#ec22fc rgb(236,34,252)
```
#fc22fa
```
#fc22fa rgb(252,34,250)
```

Similar Colors

Text with hexadecimal color #c822fc

This text has a font color of #c822fc.

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

#c822fc background color

This paragraph has a background color of #c822fc.

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

#c822fc border color

This element has a border color of #c822fc.

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

CSS codes

.text {color:#c822fc;}

.background {background-color:#c822fc;}

.border {border:1px solid #c822fc;}

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, #09000b is the darkest color, while #fdf7ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#17001f
```
#17001f rgb(23,0,31)
```
#260132
```
#260132 rgb(38,1,50)
```
#350145
```
#350145 rgb(53,1,69)
```
#440159
```
#440159 rgb(68,1,89)
```
#53016c
```
#53016c rgb(83,1,108)
```
#61027f
```
#61027f rgb(97,2,127)
```
#700293
```
#700293 rgb(112,2,147)
```
#7f02a6
```
#7f02a6 rgb(127,2,166)
```
#8e03b9
```
#8e03b9 rgb(142,3,185)
```
#9d03cd
```
#9d03cd rgb(157,3,205)
```
#ab03e0
```
#ab03e0 rgb(171,3,224)
```
#ba03f3
```
#ba03f3 rgb(186,3,243)
```

Shade Color Variation

#c30ffc
```
#c30ffc rgb(195,15,252)
```
#c822fc
```
#c822fc rgb(200,34,252)
```
#cd35fc
```
#cd35fc rgb(205,53,252)
```
#d249fd
```
#d249fd rgb(210,73,253)
```
#d65cfd
```
#d65cfd rgb(214,92,253)
```
#db6ffd
```
#db6ffd rgb(219,111,253)
```
#e083fd
```
#e083fd rgb(224,131,253)
```
#e596fe
```
#e596fe rgb(229,150,254)
```
#eaa9fe
```
#eaa9fe rgb(234,169,254)
```
#efbdfe
```
#efbdfe rgb(239,189,254)
```
#f3d0fe
```
#f3d0fe rgb(243,208,254)
```
#f8e4ff
```
#f8e4ff rgb(248,228,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#928995
```
#928995 rgb(146,137,149)
```
#96819d
```
#96819d rgb(150,129,157)
```
#9b78a6
```
#9b78a6 rgb(155,120,166)
```
#9f70ae
```
#9f70ae rgb(159,112,174)
```
#a467b7
```
#a467b7 rgb(164,103,183)
```
#a85ec0
```
#a85ec0 rgb(168,94,192)
```
#ad56c8
```
#ad56c8 rgb(173,86,200)
```
#b14dd1
```
#b14dd1 rgb(177,77,209)
```
#b644da
```
#b644da rgb(182,68,218)
```
#ba3ce2
```
#ba3ce2 rgb(186,60,226)
```
#bf33eb
```
#bf33eb rgb(191,51,235)
```
#c32bf3
```
#c32bf3 rgb(195,43,243)
```
#c822fc
```
#c822fc rgb(200,34,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7e5d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#0086de Deuteranopia 1% of men
#b47077 Tritanopia 0.001% of the population

Trichromacy

#485dfa Protanomaly 1% of men, 0.01% of women
#4861e8 Deuteranomaly 6% of men, 0.4% of women
#bb53a7 Tritanomaly 0.01% of the population