#c314f0 hex color

In a RGB color space, hex #c314f0 is composed of 76.5% red, 7.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 91.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 287.7 degrees, a saturation of 88% and a lightness of 51%. #c314f0 color hex could be obtained by blending #ff28ff with #8700e1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 8
- B 94
RGB color chart
- C 19
- M 92
- Y 0
- K 6
CMYK color chart

● #c314f0 color description : Vivid magenta.

The hexadecimal color #c314f0 has RGB values of R:195, G:20, B:240 and CMYK values of C:0.19, M:0.92, Y:0, K:0.06. Its decimal value is 12784880.

Hex triplet	c314f0	`#c314f0`
RGB Decimal	195, 20, 240	`rgb(195,20,240)`
RGB Percent	76.5, 7.8, 94.1	`rgb(76.5%,7.8%,94.1%)`
CMYK	19, 92, 0, 6
HSL	287.7°, 88, 51	`hsl(287.7,88%,51%)`
HSV (or HSB)	287.7°, 91.7, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.972, 85.531, -69.653
XYZ	38.482, 18.395, 83.957
xyY	0.273, 0.131, 18.395
CIE-LCH	49.972, 110.304, 320.842
CIE-LUV	49.972, 48.062, -114.321
Hunter-Lab	42.89, 85.098, -86.037
Binary	11000011, 00010100, 11110000

#c314f0
```
#c314f0 rgb(195,20,240)
```
#41f014
```
#41f014 rgb(65,240,20)
```

Complementary Color

#5514f0
```
#5514f0 rgb(85,20,240)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#f014af
```
#f014af rgb(240,20,175)
```

Analogous Color

#14f055
```
#14f055 rgb(20,240,85)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#aff014
```
#aff014 rgb(175,240,20)
```

Split Complementary Color

#14f0c3
```
#14f0c3 rgb(20,240,195)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#f0c314
```
#f0c314 rgb(240,195,20)
```

Triadic Color

#1441f0
```
#1441f0 rgb(20,65,240)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#f0c314
```
#f0c314 rgb(240,195,20)
```
#41f014
```
#41f014 rgb(65,240,20)
```

Tetradic Color

#8b0bac
```
#8b0bac rgb(139,11,172)
```
#9f0dc4
```
#9f0dc4 rgb(159,13,196)
```
#b20edc
```
#b20edc rgb(178,14,220)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#c92cf2
```
#c92cf2 rgb(201,44,242)
```
#cf44f3
```
#cf44f3 rgb(207,68,243)
```
#d55cf5
```
#d55cf5 rgb(213,92,245)
```

Monochromatic Color

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

#8c14f0
```
#8c14f0 rgb(140,20,240)
```
#9e14f0
```
#9e14f0 rgb(158,20,240)
```
#b114f0
```
#b114f0 rgb(177,20,240)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#d514f0
```
#d514f0 rgb(213,20,240)
```
#e814f0
```
#e814f0 rgb(232,20,240)
```
#f014e6
```
#f014e6 rgb(240,20,230)
```

Similar Colors

Text with hexadecimal color #c314f0

This text has a font color of #c314f0.

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

#c314f0 background color

This paragraph has a background color of #c314f0.

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

#c314f0 border color

This element has a border color of #c314f0.

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

CSS codes

.text {color:#c314f0;}

.background {background-color:#c314f0;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#130117
```
#130117 rgb(19,1,23)
```
#22032a
```
#22032a rgb(34,3,42)
```
#31043c
```
#31043c rgb(49,4,60)
```
#3f054e
```
#3f054e rgb(63,5,78)
```
#4e0661
```
#4e0661 rgb(78,6,97)
```
#5d0773
```
#5d0773 rgb(93,7,115)
```
#6c0986
```
#6c0986 rgb(108,9,134)
```
#7b0a98
```
#7b0a98 rgb(123,10,152)
```
#8a0bab
```
#8a0bab rgb(138,11,171)
```
#990cbd
```
#990cbd rgb(153,12,189)
```
#a80dd0
```
#a80dd0 rgb(168,13,208)
```
#b70ee2
```
#b70ee2 rgb(183,14,226)
```

Shade Color Variation

#c314f0
```
#c314f0 rgb(195,20,240)
```
#c826f1
```
#c826f1 rgb(200,38,241)
```
#cc39f2
```
#cc39f2 rgb(204,57,242)
```
#d14bf4
```
#d14bf4 rgb(209,75,244)
```
#d65ef5
```
#d65ef5 rgb(214,94,245)
```
#db70f6
```
#db70f6 rgb(219,112,246)
```
#df83f7
```
#df83f7 rgb(223,131,247)
```
#e495f8
```
#e495f8 rgb(228,149,248)
```
#e9a8f9
```
#e9a8f9 rgb(233,168,249)
```
#edbafb
```
#edbafb rgb(237,186,251)
```
#f2ccfc
```
#f2ccfc rgb(242,204,252)
```
#f7dffd
```
#f7dffd rgb(247,223,253)
```
#fbf1fe
```
#fbf1fe rgb(251,241,254)
```

Tint Color Variation

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

#857e86
```
#857e86 rgb(133,126,134)
```
#8a7490
```
#8a7490 rgb(138,116,144)
```
#906b99
```
#906b99 rgb(144,107,153)
```
#9661a3
```
#9661a3 rgb(150,97,163)
```
#9b57ad
```
#9b57ad rgb(155,87,173)
```
#a14eb6
```
#a14eb6 rgb(161,78,182)
```
#a744c0
```
#a744c0 rgb(167,68,192)
```
#ac3aca
```
#ac3aca rgb(172,58,202)
```
#b231d3
```
#b231d3 rgb(178,49,211)
```
#b827dd
```
#b827dd rgb(184,39,221)
```
#bd1ee6
```
#bd1ee6 rgb(189,30,230)
```
#c314f0
```
#c314f0 rgb(195,20,240)
```
#c90afa
```
#c90afa rgb(201,10,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#75527e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#b16970 Tritanopia 0.001% of the population

Trichromacy

#4655ee Protanomaly 1% of men, 0.01% of women
#4658de Deuteranomaly 6% of men, 0.4% of women
#b74a9e Tritanomaly 0.01% of the population

#c314f0 hex color

#c314f0 Color Information

#c314f0 Color Conversion

Color Schemes with #c314f0

Alternatives to #c314f0

#c314f0 Preview

Shades and Tints of #c314f0

Tones of #c314f0

Color Blindness Simulator