#c316a4 hex color

In a RGB color space, hex #c316a4 is composed of 76.5% red, 8.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 15.9% yellow and 23.5% black. It has a hue angle of 310.8 degrees, a saturation of 79.7% and a lightness of 42.5%. #c316a4 color hex could be obtained by blending #ff2cff with #870049. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 76
- G 9
- B 64
RGB color chart
- C 0
- M 89
- Y 16
- K 24
CMYK color chart

● #c316a4 color description : Strong magenta.

The hexadecimal color #c316a4 has RGB values of R:195, G:22, B:164 and CMYK values of C:0, M:0.89, Y:0.16, K:0.24. Its decimal value is 12785316.

Hex triplet	c316a4	`#c316a4`
RGB Decimal	195, 22, 164	`rgb(195,22,164)`
RGB Percent	76.5, 8.6, 64.3	`rgb(76.5%,8.6%,64.3%)`
CMYK	0, 89, 16, 24
HSL	310.8°, 79.7, 42.5	`hsl(310.8,79.7%,42.5%)`
HSV (or HSB)	310.8°, 88.7, 76.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	45.44, 73.677, -32.92
XYZ	29.493, 14.859, 36.435
xyY	0.365, 0.184, 14.859
CIE-LCH	45.44, 80.697, 335.925
CIE-LUV	45.44, 75.815, -58.24
Hunter-Lab	38.547, 69.118, -29.058
Binary	11000011, 00010110, 10100100

#c316a4
```
#c316a4 rgb(195,22,164)
```
#16c335
```
#16c335 rgb(22,195,53)
```

Complementary Color

#8c16c3
```
#8c16c3 rgb(140,22,195)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#c3164e
```
#c3164e rgb(195,22,78)
```

Analogous Color

#16c38c
```
#16c38c rgb(22,195,140)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#4ec316
```
#4ec316 rgb(78,195,22)
```

Split Complementary Color

#16a4c3
```
#16a4c3 rgb(22,164,195)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#a4c316
```
#a4c316 rgb(164,195,22)
```

Triadic Color

#3516c3
```
#3516c3 rgb(53,22,195)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#a4c316
```
#a4c316 rgb(164,195,22)
```
#16c335
```
#16c335 rgb(22,195,53)
```

Tetradic Color

#7e0e6a
```
#7e0e6a rgb(126,14,106)
```
#95117d
```
#95117d rgb(149,17,125)
```
#ac1391
```
#ac1391 rgb(172,19,145)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#da19b7
```
#da19b7 rgb(218,25,183)
```
#e626c4
```
#e626c4 rgb(230,38,196)
```
#e93cca
```
#e93cca rgb(233,60,202)
```

Monochromatic Color

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

#b716c3
```
#b716c3 rgb(183,22,195)
```
#c316c1
```
#c316c1 rgb(195,22,193)
```
#c316b2
```
#c316b2 rgb(195,22,178)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#c31696
```
#c31696 rgb(195,22,150)
```
#c31687
```
#c31687 rgb(195,22,135)
```
#c31679
```
#c31679 rgb(195,22,121)
```

Similar Colors

Text with hexadecimal color #c316a4

This text has a font color of #c316a4.

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

#c316a4 background color

This paragraph has a background color of #c316a4.

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

#c316a4 border color

This element has a border color of #c316a4.

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

CSS codes

.text {color:#c316a4;}

.background {background-color:#c316a4;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130210
```
#130210 rgb(19,2,16)
```
#24041f
```
#24041f rgb(36,4,31)
```
#36062d
```
#36062d rgb(54,6,45)
```
#48083c
```
#48083c rgb(72,8,60)
```
#590a4b
```
#590a4b rgb(89,10,75)
```
#6b0c5a
```
#6b0c5a rgb(107,12,90)
```
#7c0e69
```
#7c0e69 rgb(124,14,105)
```
#8e1078
```
#8e1078 rgb(142,16,120)
```
#a01286
```
#a01286 rgb(160,18,134)
```
#b11495
```
#b11495 rgb(177,20,149)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#d518b3
```
#d518b3 rgb(213,24,179)
```

Shade Color Variation

#e51bc1
```
#e51bc1 rgb(229,27,193)
```
#e72dc6
```
#e72dc6 rgb(231,45,198)
```
#e93ecb
```
#e93ecb rgb(233,62,203)
```
#eb50cf
```
#eb50cf rgb(235,80,207)
```
#ed61d4
```
#ed61d4 rgb(237,97,212)
```
#ef73d9
```
#ef73d9 rgb(239,115,217)
```
#f185de
```
#f185de rgb(241,133,222)
```
#f396e3
```
#f396e3 rgb(243,150,227)
```
#f5a8e7
```
#f5a8e7 rgb(245,168,231)
```
#f7baec
```
#f7baec rgb(247,186,236)
```
#f9cbf1
```
#f9cbf1 rgb(249,203,241)
```
#fbddf6
```
#fbddf6 rgb(251,221,246)
```
#fdeefb
```
#fdeefb rgb(253,238,251)
```

Tint Color Variation

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

#70696e
```
#70696e rgb(112,105,110)
```
#786174
```
#786174 rgb(120,97,116)
```
#805979
```
#805979 rgb(128,89,121)
```
#89507f
```
#89507f rgb(137,80,127)
```
#914884
```
#914884 rgb(145,72,132)
```
#994089
```
#994089 rgb(153,64,137)
```
#a2378f
```
#a2378f rgb(162,55,143)
```
#aa2f94
```
#aa2f94 rgb(170,47,148)
```
#b22799
```
#b22799 rgb(178,39,153)
```
#bb1e9f
```
#bb1e9f rgb(187,30,159)
```
#c316a4
```
#c316a4 rgb(195,22,164)
```
#cb0ea9
```
#cb0ea9 rgb(203,14,169)
```
#d405af
```
#d405af rgb(212,5,175)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6f4c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#116fda Protanopia 1% of men
#667199 Deuteranopia 1% of men
#bd4c50 Tritanopia 0.001% of the population

Trichromacy

#524fc6 Protanomaly 1% of men, 0.01% of women
#88509d Deuteranomaly 6% of men, 0.4% of women
#bf386e Tritanomaly 0.01% of the population

#c316a4 hex color

#c316a4 Color Information

#c316a4 Color Conversion

Color Schemes with #c316a4

Alternatives to #c316a4

#c316a4 Preview

Shades and Tints of #c316a4

Tones of #c316a4

Color Blindness Simulator