#c522fe hex color

In a RGB color space, hex #c522fe is composed of 77.3% red, 13.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 86.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 284.5 degrees, a saturation of 99.1% and a lightness of 56.5%. #c522fe color hex could be obtained by blending #ff44ff with #8b00fd. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 77
- G 13
- B 100
RGB color chart
- C 22
- M 87
- Y 0
- K 0
CMYK color chart

● #c522fe color description : Vivid violet.

The hexadecimal color #c522fe has RGB values of R:197, G:34, B:254 and CMYK values of C:0.22, M:0.87, Y:0, K:0. Its decimal value is 12919550.

Hex triplet	c522fe	`#c522fe`
RGB Decimal	197, 34, 254	`rgb(197,34,254)`
RGB Percent	77.3, 13.3, 99.6	`rgb(77.3%,13.3%,99.6%)`
CMYK	22, 87, 0, 0
HSL	284.5°, 99.1, 56.5	`hsl(284.5,99.1%,56.5%)`
HSV (or HSB)	284.5°, 86.6, 99.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.031, 86.039, -74.13
XYZ	41.485, 20.172, 95.469
xyY	0.264, 0.128, 20.172
CIE-LCH	52.031, 113.569, 319.252
CIE-LUV	52.031, 44.211, -122.011
Hunter-Lab	44.913, 86.279, -94.59
Binary	11000101, 00100010, 11111110

#c522fe
```
#c522fe rgb(197,34,254)
```
#5bfe22
```
#5bfe22 rgb(91,254,34)
```

Complementary Color

#5722fe
```
#5722fe rgb(87,34,254)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#fe22c9
```
#fe22c9 rgb(254,34,201)
```

Analogous Color

#22fe57
```
#22fe57 rgb(34,254,87)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#c9fe22
```
#c9fe22 rgb(201,254,34)
```

Split Complementary Color

#22fec5
```
#22fec5 rgb(34,254,197)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#fec522
```
#fec522 rgb(254,197,34)
```

Triadic Color

#225bfe
```
#225bfe rgb(34,91,254)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#fec522
```
#fec522 rgb(254,197,34)
```
#5bfe22
```
#5bfe22 rgb(91,254,34)
```

Tetradic Color

#9c01d3
```
#9c01d3 rgb(156,1,211)
```
#af01ec
```
#af01ec rgb(175,1,236)
```
#be09fe
```
#be09fe rgb(190,9,254)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#cc3bfe
```
#cc3bfe rgb(204,59,254)
```
#d255fe
```
#d255fe rgb(210,85,254)
```
#d96efe
```
#d96efe rgb(217,110,254)
```

Monochromatic Color

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

#8e22fe
```
#8e22fe rgb(142,34,254)
```
#a022fe
```
#a022fe rgb(160,34,254)
```
#b322fe
```
#b322fe rgb(179,34,254)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#d722fe
```
#d722fe rgb(215,34,254)
```
#ea22fe
```
#ea22fe rgb(234,34,254)
```
#fc22fe
```
#fc22fe rgb(252,34,254)
```

Similar Colors

Text with hexadecimal color #c522fe

This text has a font color of #c522fe.

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

#c522fe background color

This paragraph has a background color of #c522fe.

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

#c522fe border color

This element has a border color of #c522fe.

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

CSS codes

.text {color:#c522fe;}

.background {background-color:#c522fe;}

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

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, #0a000d is the darkest color, while #fdf9ff is the lightest one.

#0a000d
```
#0a000d rgb(10,0,13)
```
#180021
```
#180021 rgb(24,0,33)
```
#270034
```
#270034 rgb(39,0,52)
```
#350048
```
#350048 rgb(53,0,72)
```
#44005b
```
#44005b rgb(68,0,91)
```
#52016f
```
#52016f rgb(82,1,111)
```
#610182
```
#610182 rgb(97,1,130)
```
#6f0196
```
#6f0196 rgb(111,1,150)
```
#7e01aa
```
#7e01aa rgb(126,1,170)
```
#8c01bd
```
#8c01bd rgb(140,1,189)
```
#9b01d1
```
#9b01d1 rgb(155,1,209)
```
#a901e4
```
#a901e4 rgb(169,1,228)
```
#b801f8
```
#b801f8 rgb(184,1,248)
```

Shade Color Variation

#c00efe
```
#c00efe rgb(192,14,254)
```
#c522fe
```
#c522fe rgb(197,34,254)
```
#ca36fe
```
#ca36fe rgb(202,54,254)
```
#cf49fe
```
#cf49fe rgb(207,73,254)
```
#d45dfe
```
#d45dfe rgb(212,93,254)
```
#d970fe
```
#d970fe rgb(217,112,254)
```
#df84fe
```
#df84fe rgb(223,132,254)
```
#e497ff
```
#e497ff rgb(228,151,255)
```
#e9abff
```
#e9abff rgb(233,171,255)
```
#eebeff
```
#eebeff rgb(238,190,255)
```
#f3d2ff
```
#f3d2ff rgb(243,210,255)
```
#f8e5ff
```
#f8e5ff rgb(248,229,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#948898
```
#948898 rgb(148,136,152)
```
#9880a0
```
#9880a0 rgb(152,128,160)
```
#9c77a9
```
#9c77a9 rgb(156,119,169)
```
#a06fb1
```
#a06fb1 rgb(160,111,177)
```
#a466ba
```
#a466ba rgb(164,102,186)
```
#a85ec2
```
#a85ec2 rgb(168,94,194)
```
#ac55cb
```
#ac55cb rgb(172,85,203)
```
#b04dd3
```
#b04dd3 rgb(176,77,211)
```
#b544dc
```
#b544dc rgb(181,68,220)
```
#b93ce4
```
#b93ce4 rgb(185,60,228)
```
#bd33ed
```
#bd33ed rgb(189,51,237)
```
#c12bf5
```
#c12bf5 rgb(193,43,245)
```
#c522fe
```
#c522fe rgb(197,34,254)
```

Tone Color Variation

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

#007ff7 Protanopia 1% of men
#0085dc Deuteranopia 1% of men
#b07178 Tritanopia 0.001% of the population

Trichromacy

#475df9 Protanomaly 1% of men, 0.01% of women
#4761e8 Deuteranomaly 6% of men, 0.4% of women
#b754a9 Tritanomaly 0.01% of the population

#c522fe hex color

#c522fe Color Information

#c522fe Color Conversion

Color Schemes with #c522fe

Alternatives to #c522fe

#c522fe Preview

Shades and Tints of #c522fe

Tones of #c522fe

Color Blindness Simulator