#c316a2 hex color

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

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

● #c316a2 color description : Strong magenta.

The hexadecimal color #c316a2 has RGB values of R:195, G:22, B:162 and CMYK values of C:0, M:0.89, Y:0.17, K:0.24. Its decimal value is 12785314.

Hex triplet	c316a2	`#c316a2`
RGB Decimal	195, 22, 162	`rgb(195,22,162)`
RGB Percent	76.5, 8.6, 63.5	`rgb(76.5%,8.6%,63.5%)`
CMYK	0, 89, 17, 24
HSL	311.4°, 79.7, 42.5	`hsl(311.4,79.7%,42.5%)`
HSV (or HSB)	311.4°, 88.7, 76.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	45.341, 73.417, -31.881
XYZ	29.314, 14.787, 35.491
xyY	0.368, 0.186, 14.787
CIE-LCH	45.341, 80.04, 336.527
CIE-LUV	45.341, 76.665, -56.687
Hunter-Lab	38.454, 68.78, -27.804
Binary	11000011, 00010110, 10100010

#c316a2
```
#c316a2 rgb(195,22,162)
```
#16c337
```
#16c337 rgb(22,195,55)
```

Complementary Color

#8e16c3
```
#8e16c3 rgb(142,22,195)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#c3164c
```
#c3164c rgb(195,22,76)
```

Analogous Color

#16c38e
```
#16c38e rgb(22,195,142)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#4cc316
```
#4cc316 rgb(76,195,22)
```

Split Complementary Color

#16a2c3
```
#16a2c3 rgb(22,162,195)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#a2c316
```
#a2c316 rgb(162,195,22)
```

Triadic Color

#3716c3
```
#3716c3 rgb(55,22,195)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#a2c316
```
#a2c316 rgb(162,195,22)
```
#16c337
```
#16c337 rgb(22,195,55)
```

Tetradic Color

#7e0e69
```
#7e0e69 rgb(126,14,105)
```
#95117c
```
#95117c rgb(149,17,124)
```
#ac138f
```
#ac138f rgb(172,19,143)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#da19b5
```
#da19b5 rgb(218,25,181)
```
#e626c2
```
#e626c2 rgb(230,38,194)
```
#e93cc8
```
#e93cc8 rgb(233,60,200)
```

Monochromatic Color

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

#b916c3
```
#b916c3 rgb(185,22,195)
```
#c316bf
```
#c316bf rgb(195,22,191)
```
#c316b0
```
#c316b0 rgb(195,22,176)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#c31694
```
#c31694 rgb(195,22,148)
```
#c31685
```
#c31685 rgb(195,22,133)
```
#c31677
```
#c31677 rgb(195,22,119)
```

Similar Colors

Text with hexadecimal color #c316a2

This text has a font color of #c316a2.

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

#c316a2 background color

This paragraph has a background color of #c316a2.

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

#c316a2 border color

This element has a border color of #c316a2.

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

CSS codes

.text {color:#c316a2;}

.background {background-color:#c316a2;}

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

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 #fdeefa is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#130210
```
#130210 rgb(19,2,16)
```
#24041e
```
#24041e rgb(36,4,30)
```
#36062d
```
#36062d rgb(54,6,45)
```
#48083b
```
#48083b rgb(72,8,59)
```
#590a4a
```
#590a4a rgb(89,10,74)
```
#6b0c59
```
#6b0c59 rgb(107,12,89)
```
#7c0e67
```
#7c0e67 rgb(124,14,103)
```
#8e1076
```
#8e1076 rgb(142,16,118)
```
#a01285
```
#a01285 rgb(160,18,133)
```
#b11493
```
#b11493 rgb(177,20,147)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#d518b1
```
#d518b1 rgb(213,24,177)
```

Shade Color Variation

#e51bbf
```
#e51bbf rgb(229,27,191)
```
#e72dc4
```
#e72dc4 rgb(231,45,196)
```
#e93ec9
```
#e93ec9 rgb(233,62,201)
```
#eb50ce
```
#eb50ce rgb(235,80,206)
```
#ed61d3
```
#ed61d3 rgb(237,97,211)
```
#ef73d8
```
#ef73d8 rgb(239,115,216)
```
#f185dd
```
#f185dd rgb(241,133,221)
```
#f396e1
```
#f396e1 rgb(243,150,225)
```
#f5a8e6
```
#f5a8e6 rgb(245,168,230)
```
#f7baeb
```
#f7baeb rgb(247,186,235)
```
#f9cbf0
```
#f9cbf0 rgb(249,203,240)
```
#fbddf5
```
#fbddf5 rgb(251,221,245)
```
#fdeefa
```
#fdeefa rgb(253,238,250)
```

Tint Color Variation

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

#70696e
```
#70696e rgb(112,105,110)
```
#786174
```
#786174 rgb(120,97,116)
```
#805979
```
#805979 rgb(128,89,121)
```
#89507e
```
#89507e rgb(137,80,126)
```
#914883
```
#914883 rgb(145,72,131)
```
#994088
```
#994088 rgb(153,64,136)
```
#a2378d
```
#a2378d rgb(162,55,141)
```
#aa2f93
```
#aa2f93 rgb(170,47,147)
```
#b22798
```
#b22798 rgb(178,39,152)
```
#bb1e9d
```
#bb1e9d rgb(187,30,157)
```
#c316a2
```
#c316a2 rgb(195,22,162)
```
#cb0ea7
```
#cb0ea7 rgb(203,14,167)
```
#d405ac
```
#d405ac rgb(212,5,172)
```

Tone Color Variation

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

Dichromacy

#1d6fd8 Protanopia 1% of men
#677197 Deuteranopia 1% of men
#bd4b4f Tritanopia 0.001% of the population

Trichromacy

#594ec4 Protanomaly 1% of men, 0.01% of women
#88509b Deuteranomaly 6% of men, 0.4% of women
#bf386d Tritanomaly 0.01% of the population

#c316a2 hex color

#c316a2 Color Information

#c316a2 Color Conversion

Color Schemes with #c316a2

Alternatives to #c316a2

#c316a2 Preview

Shades and Tints of #c316a2

Tones of #c316a2

Color Blindness Simulator