colorhexa.com

#c316c4 hex color

In a RGB color space, hex #c316c4 is composed of 76.5% red, 8.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 88.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 299.7 degrees, a saturation of 79.8% and a lightness of 42.7%. #c316c4 color hex could be obtained by blending #ff2cff with #870089. Closest websafe color is: #cc00cc.

- R 76
- G 9
- B 77
RGB color chart
- C 1
- M 89
- Y 0
- K 23
CMYK color chart

● #c316c4 color description : Strong magenta.

The hexadecimal color #c316c4 has RGB values of R:195, G:22, B:196 and CMYK values of C:0.01, M:0.89, Y:0, K:0.23. Its decimal value is 12785348.

Hex triplet	c316c4	`#c316c4`
RGB Decimal	195, 22, 196	`rgb(195,22,196)`
RGB Percent	76.5, 8.6, 76.9	`rgb(76.5%,8.6%,76.9%)`
CMYK	1, 89, 0, 23
HSL	299.7°, 79.8, 42.7	`hsl(299.7,79.8%,42.7%)`
HSV (or HSB)	299.7°, 88.8, 76.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.188, 78.188, -48.988
XYZ	32.756, 16.164, 53.616
xyY	0.319, 0.158, 16.164
CIE-LCH	47.188, 92.267, 327.931
CIE-LUV	47.188, 62.959, -82.649
Hunter-Lab	40.204, 75.073, -50.926
Binary	11000011, 00010110, 11000100

#c316c4
```
#c316c4 rgb(195,22,196)
```
#17c416
```
#17c416 rgb(23,196,22)
```

Complementary Color

#6c16c4
```
#6c16c4 rgb(108,22,196)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#c4166e
```
#c4166e rgb(196,22,110)
```

Analogous Color

#16c46c
```
#16c46c rgb(22,196,108)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#6ec416
```
#6ec416 rgb(110,196,22)
```

Split Complementary Color

#16c4c3
```
#16c4c3 rgb(22,196,195)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#c4c316
```
#c4c316 rgb(196,195,22)
```

Triadic Color

#1617c4
```
#1617c4 rgb(22,23,196)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#c4c316
```
#c4c316 rgb(196,195,22)
```
#17c416
```
#17c416 rgb(23,196,22)
```

Tetradic Color

#7f0e7f
```
#7f0e7f rgb(127,14,127)
```
#951196
```
#951196 rgb(149,17,150)
```
#ac13ad
```
#ac13ad rgb(172,19,173)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#da19db
```
#da19db rgb(218,25,219)
```
#e626e7
```
#e626e7 rgb(230,38,231)
```
#e83de9
```
#e83de9 rgb(232,61,233)
```

Monochromatic Color

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

#9816c4
```
#9816c4 rgb(152,22,196)
```
#a616c4
```
#a616c4 rgb(166,22,196)
```
#b516c4
```
#b516c4 rgb(181,22,196)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#c416b7
```
#c416b7 rgb(196,22,183)
```
#c416a8
```
#c416a8 rgb(196,22,168)
```
#c4169a
```
#c4169a rgb(196,22,154)
```

Similar Colors

Text with hexadecimal color #c316c4

This text has a font color of #c316c4.

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

#c316c4 background color

This paragraph has a background color of #c316c4.

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

#c316c4 border color

This element has a border color of #c316c4.

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

CSS codes

.text {color:#c316c4;}

.background {background-color:#c316c4;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#140214
```
#140214 rgb(20,2,20)
```
#250425
```
#250425 rgb(37,4,37)
```
#370637
```
#370637 rgb(55,6,55)
```
#480849
```
#480849 rgb(72,8,73)
```
#5a0a5a
```
#5a0a5a rgb(90,10,90)
```
#6b0c6c
```
#6b0c6c rgb(107,12,108)
```
#7d0e7d
```
#7d0e7d rgb(125,14,125)
```
#8e108f
```
#8e108f rgb(142,16,143)
```
#a012a1
```
#a012a1 rgb(160,18,161)
```
#b114b2
```
#b114b2 rgb(177,20,178)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#d518d6
```
#d518d6 rgb(213,24,214)
```

Shade Color Variation

#e41ce5
```
#e41ce5 rgb(228,28,229)
```
#e62de7
```
#e62de7 rgb(230,45,231)
```
#e83fe9
```
#e83fe9 rgb(232,63,233)
```
#eb51eb
```
#eb51eb rgb(235,81,235)
```
#ed62ed
```
#ed62ed rgb(237,98,237)
```
#ef74ef
```
#ef74ef rgb(239,116,239)
```
#f186f1
```
#f186f1 rgb(241,134,241)
```
#f397f3
```
#f397f3 rgb(243,151,243)
```
#f5a9f5
```
#f5a9f5 rgb(245,169,245)
```
#f7baf7
```
#f7baf7 rgb(247,186,247)
```
#f9ccf9
```
#f9ccf9 rgb(249,204,249)
```
#fbdefb
```
#fbdefb rgb(251,222,251)
```
#fdeffd
```
#fdeffd rgb(253,239,253)
```

Tint Color Variation

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

#706a70
```
#706a70 rgb(112,106,112)
```
#786179
```
#786179 rgb(120,97,121)
```
#815981
```
#815981 rgb(129,89,129)
```
#895189
```
#895189 rgb(137,81,137)
```
#914892
```
#914892 rgb(145,72,146)
```
#9a409a
```
#9a409a rgb(154,64,154)
```
#a238a2
```
#a238a2 rgb(162,56,162)
```
#aa2fab
```
#aa2fab rgb(170,47,171)
```
#b227b3
```
#b227b3 rgb(178,39,179)
```
#bb1ebc
```
#bb1ebc rgb(187,30,188)
```
#c316c4
```
#c316c4 rgb(195,22,196)
```
#cb0ecc
```
#cb0ecc rgb(203,14,204)
```
#d405d5
```
#d405d5 rgb(212,5,213)
```

Tone Color Variation

Below, you can see how #c316c4 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
#725072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#5177b5 Deuteranopia 1% of men
#b9585d Tritanopia 0.001% of the population

Trichromacy

#4651d7 Protanomaly 1% of men, 0.01% of women
#7b54ba Deuteranomaly 6% of men, 0.4% of women
#bc4082 Tritanomaly 0.01% of the population