#c316f5 hex color

In a RGB color space, hex #c316f5 is composed of 76.5% red, 8.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 91% magenta, 0% yellow and 3.9% black. It has a hue angle of 286.5 degrees, a saturation of 91.8% and a lightness of 52.4%. #c316f5 color hex could be obtained by blending #ff2cff with #8700eb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 9
- B 96
RGB color chart
- C 20
- M 91
- Y 0
- K 4
CMYK color chart

● #c316f5 color description : Vivid magenta.

The hexadecimal color #c316f5 has RGB values of R:195, G:22, B:245 and CMYK values of C:0.2, M:0.91, Y:0, K:0.04. Its decimal value is 12785397.

Hex triplet	c316f5	`#c316f5`
RGB Decimal	195, 22, 245	`rgb(195,22,245)`
RGB Percent	76.5, 8.6, 96.1	`rgb(76.5%,8.6%,96.1%)`
CMYK	20, 91, 0, 4
HSL	286.5°, 91.8, 52.4	`hsl(286.5,91.8%,52.4%)`
HSV (or HSB)	286.5°, 91, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.417, 86.126, -71.738
XYZ	39.272, 18.77, 87.936
xyY	0.269, 0.129, 18.77
CIE-LCH	50.417, 112.09, 320.208
CIE-LUV	50.417, 46.441, -117.571
Hunter-Lab	43.325, 85.985, -90.013
Binary	11000011, 00010110, 11110101

#c316f5
```
#c316f5 rgb(195,22,245)
```
#48f516
```
#48f516 rgb(72,245,22)
```

Complementary Color

#5416f5
```
#5416f5 rgb(84,22,245)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#f516b8
```
#f516b8 rgb(245,22,184)
```

Analogous Color

#16f554
```
#16f554 rgb(22,245,84)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#b8f516
```
#b8f516 rgb(184,245,22)
```

Split Complementary Color

#16f5c3
```
#16f5c3 rgb(22,245,195)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#f5c316
```
#f5c316 rgb(245,195,22)
```

Triadic Color

#1648f5
```
#1648f5 rgb(22,72,245)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#f5c316
```
#f5c316 rgb(245,195,22)
```
#48f516
```
#48f516 rgb(72,245,22)
```

Tetradic Color

#8f08b7
```
#8f08b7 rgb(143,8,183)
```
#a309cf
```
#a309cf rgb(163,9,207)
```
#b60ae8
```
#b60ae8 rgb(182,10,232)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#c92ef6
```
#c92ef6 rgb(201,46,246)
```
#d047f7
```
#d047f7 rgb(208,71,247)
```
#d65ff8
```
#d65ff8 rgb(214,95,248)
```

Monochromatic Color

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

#8b16f5
```
#8b16f5 rgb(139,22,245)
```
#9e16f5
```
#9e16f5 rgb(158,22,245)
```
#b016f5
```
#b016f5 rgb(176,22,245)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#d616f5
```
#d616f5 rgb(214,22,245)
```
#e816f5
```
#e816f5 rgb(232,22,245)
```
#f516ef
```
#f516ef rgb(245,22,239)
```

Similar Colors

Text with hexadecimal color #c316f5

This text has a font color of #c316f5.

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

#c316f5 background color

This paragraph has a background color of #c316f5.

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

#c316f5 border color

This element has a border color of #c316f5.

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

CSS codes

.text {color:#c316f5;}

.background {background-color:#c316f5;}

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

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

#09000c
```
#09000c rgb(9,0,12)
```
#18011e
```
#18011e rgb(24,1,30)
```
#270231
```
#270231 rgb(39,2,49)
```
#350344
```
#350344 rgb(53,3,68)
```
#440457
```
#440457 rgb(68,4,87)
```
#53056a
```
#53056a rgb(83,5,106)
```
#62057c
```
#62057c rgb(98,5,124)
```
#70068f
```
#70068f rgb(112,6,143)
```
#7f07a2
```
#7f07a2 rgb(127,7,162)
```
#8e08b5
```
#8e08b5 rgb(142,8,181)
```
#9d09c8
```
#9d09c8 rgb(157,9,200)
```
#ac09da
```
#ac09da rgb(172,9,218)
```
#ba0aed
```
#ba0aed rgb(186,10,237)
```

Shade Color Variation

#c316f5
```
#c316f5 rgb(195,22,245)
```
#c829f6
```
#c829f6 rgb(200,41,246)
```
#cd3cf7
```
#cd3cf7 rgb(205,60,247)
```
#d24ef7
```
#d24ef7 rgb(210,78,247)
```
#d661f8
```
#d661f8 rgb(214,97,248)
```
#db74f9
```
#db74f9 rgb(219,116,249)
```
#e087fa
```
#e087fa rgb(224,135,250)
```
#e59afb
```
#e59afb rgb(229,154,251)
```
#eaacfb
```
#eaacfb rgb(234,172,251)
```
#efbffc
```
#efbffc rgb(239,191,252)
```
#f3d2fd
```
#f3d2fd rgb(243,210,253)
```
#f8e5fe
```
#f8e5fe rgb(248,229,254)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#8a7d8e
```
#8a7d8e rgb(138,125,142)
```
#8f7398
```
#8f7398 rgb(143,115,152)
```
#956aa1
```
#956aa1 rgb(149,106,161)
```
#9a61aa
```
#9a61aa rgb(154,97,170)
```
#9f57b4
```
#9f57b4 rgb(159,87,180)
```
#a44ebd
```
#a44ebd rgb(164,78,189)
```
#a945c6
```
#a945c6 rgb(169,69,198)
```
#ae3bd0
```
#ae3bd0 rgb(174,59,208)
```
#b432d9
```
#b432d9 rgb(180,50,217)
```
#b929e2
```
#b929e2 rgb(185,41,226)
```
#be1fec
```
#be1fec rgb(190,31,236)
```
#c316f5
```
#c316f5 rgb(195,22,245)
```
#c80dfe
```
#c80dfe rgb(200,13,254)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#765480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf0 Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#b06b72 Tritanopia 0.001% of the population

Trichromacy

#4656f1 Protanomaly 1% of men, 0.01% of women
#465ae1 Deuteranomaly 6% of men, 0.4% of women
#b64ca1 Tritanomaly 0.01% of the population

#c316f5 hex color

#c316f5 Color Information

#c316f5 Color Conversion

Color Schemes with #c316f5

Alternatives to #c316f5

#c316f5 Preview

Shades and Tints of #c316f5

Tones of #c316f5

Color Blindness Simulator