#c311f5 hex color

In a RGB color space, hex #c311f5 is composed of 76.5% red, 6.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 93.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 286.8 degrees, a saturation of 91.9% and a lightness of 51.4%. #c311f5 color hex could be obtained by blending #ff22ff with #8700eb. Closest websafe color is: #cc00ff.

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

● #c311f5 color description : Vivid magenta.

The hexadecimal color #c311f5 has RGB values of R:195, G:17, B:245 and CMYK values of C:0.2, M:0.93, Y:0, K:0.04. Its decimal value is 12784117.

Hex triplet	c311f5	`#c311f5`
RGB Decimal	195, 17, 245	`rgb(195,17,245)`
RGB Percent	76.5, 6.7, 96.1	`rgb(76.5%,6.7%,96.1%)`
CMYK	20, 93, 0, 4
HSL	286.8°, 91.9, 51.4	`hsl(286.8,91.9%,51.4%)`
HSV (or HSB)	286.8°, 93.1, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.213, 86.734, -72.071
XYZ	39.186, 18.597, 87.907
xyY	0.269, 0.128, 18.597
CIE-LCH	50.213, 112.77, 320.276
CIE-LUV	50.213, 46.698, -117.943
Hunter-Lab	43.125, 86.728, -90.672
Binary	11000011, 00010001, 11110101

#c311f5
```
#c311f5 rgb(195,17,245)
```
#43f511
```
#43f511 rgb(67,245,17)
```

Complementary Color

#5111f5
```
#5111f5 rgb(81,17,245)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#f511b5
```
#f511b5 rgb(245,17,181)
```

Analogous Color

#11f551
```
#11f551 rgb(17,245,81)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#b5f511
```
#b5f511 rgb(181,245,17)
```

Split Complementary Color

#11f5c3
```
#11f5c3 rgb(17,245,195)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#f5c311
```
#f5c311 rgb(245,195,17)
```

Triadic Color

#1143f5
```
#1143f5 rgb(17,67,245)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#f5c311
```
#f5c311 rgb(245,195,17)
```
#43f511
```
#43f511 rgb(67,245,17)
```

Tetradic Color

#8d07b2
```
#8d07b2 rgb(141,7,178)
```
#a009ca
```
#a009ca rgb(160,9,202)
```
#b30ae3
```
#b30ae3 rgb(179,10,227)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#c929f6
```
#c929f6 rgb(201,41,246)
```
#cf42f7
```
#cf42f7 rgb(207,66,247)
```
#d65af8
```
#d65af8 rgb(214,90,248)
```

Monochromatic Color

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

#8a11f5
```
#8a11f5 rgb(138,17,245)
```
#9d11f5
```
#9d11f5 rgb(157,17,245)
```
#b011f5
```
#b011f5 rgb(176,17,245)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#d611f5
```
#d611f5 rgb(214,17,245)
```
#e911f5
```
#e911f5 rgb(233,17,245)
```
#f511ee
```
#f511ee rgb(245,17,238)
```

Similar Colors

Text with hexadecimal color #c311f5

This text has a font color of #c311f5.

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

#c311f5 background color

This paragraph has a background color of #c311f5.

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

#c311f5 border color

This element has a border color of #c311f5.

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

CSS codes

.text {color:#c311f5;}

.background {background-color:#c311f5;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#14011a
```
#14011a rgb(20,1,26)
```
#23022c
```
#23022c rgb(35,2,44)
```
#32033f
```
#32033f rgb(50,3,63)
```
#410352
```
#410352 rgb(65,3,82)
```
#500465
```
#500465 rgb(80,4,101)
```
#5f0578
```
#5f0578 rgb(95,5,120)
```
#6d068a
```
#6d068a rgb(109,6,138)
```
#7c079d
```
#7c079d rgb(124,7,157)
```
#8b07b0
```
#8b07b0 rgb(139,7,176)
```
#9a08c3
```
#9a08c3 rgb(154,8,195)
```
#a909d6
```
#a909d6 rgb(169,9,214)
```
#b80ae9
```
#b80ae9 rgb(184,10,233)
```

Shade Color Variation

#c311f5
```
#c311f5 rgb(195,17,245)
```
#c824f6
```
#c824f6 rgb(200,36,246)
```
#cc37f7
```
#cc37f7 rgb(204,55,247)
```
#d149f7
```
#d149f7 rgb(209,73,247)
```
#d65cf8
```
#d65cf8 rgb(214,92,248)
```
#db6ff9
```
#db6ff9 rgb(219,111,249)
```
#df82fa
```
#df82fa rgb(223,130,250)
```
#e495fb
```
#e495fb rgb(228,149,251)
```
#e9a8fb
```
#e9a8fb rgb(233,168,251)
```
#eebafc
```
#eebafc rgb(238,186,252)
```
#f2cdfd
```
#f2cdfd rgb(242,205,253)
```
#f7e0fe
```
#f7e0fe rgb(247,224,254)
```
#fcf3fe
```
#fcf3fe rgb(252,243,254)
```

Tint Color Variation

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

#887a8c
```
#887a8c rgb(136,122,140)
```
#8d7096
```
#8d7096 rgb(141,112,150)
```
#93679f
```
#93679f rgb(147,103,159)
```
#985da9
```
#985da9 rgb(152,93,169)
```
#9e54b2
```
#9e54b2 rgb(158,84,178)
```
#a34abc
```
#a34abc rgb(163,74,188)
```
#a841c5
```
#a841c5 rgb(168,65,197)
```
#ae37cf
```
#ae37cf rgb(174,55,207)
```
#b32ed8
```
#b32ed8 rgb(179,46,216)
```
#b824e2
```
#b824e2 rgb(184,36,226)
```
#be1beb
```
#be1beb rgb(190,27,235)
```
#c311f5
```
#c311f5 rgb(195,17,245)
```
#c807ff
```
#c807ff rgb(200,7,255)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#74507e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#af6a71 Tritanopia 0.001% of the population

Trichromacy

#4654f1 Protanomaly 1% of men, 0.01% of women
#4658e0 Deuteranomaly 6% of men, 0.4% of women
#b64aa1 Tritanomaly 0.01% of the population

#c311f5 hex color

#c311f5 Color Information

#c311f5 Color Conversion

Color Schemes with #c311f5

Alternatives to #c311f5

#c311f5 Preview

Shades and Tints of #c311f5

Tones of #c311f5

Color Blindness Simulator