#c314f4 hex color

In a RGB color space, hex #c314f4 is composed of 76.5% red, 7.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 91.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 286.9 degrees, a saturation of 91.1% and a lightness of 51.8%. #c314f4 color hex could be obtained by blending #ff28ff with #8700e9. Closest websafe color is: #cc00ff.

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

● #c314f4 color description : Vivid magenta.

The hexadecimal color #c314f4 has RGB values of R:195, G:20, B:244 and CMYK values of C:0.2, M:0.92, Y:0, K:0.04. Its decimal value is 12784884.

Hex triplet	c314f4	`#c314f4`
RGB Decimal	195, 20, 244	`rgb(195,20,244)`
RGB Percent	76.5, 7.8, 95.7	`rgb(76.5%,7.8%,95.7%)`
CMYK	20, 92, 0, 4
HSL	286.9°, 91.1, 51.8	`hsl(286.9,91.1%,51.8%)`
HSV (or HSB)	286.9°, 91.8, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.258, 86.213, -71.436
XYZ	39.083, 18.636, 87.121
xyY	0.27, 0.129, 18.636
CIE-LCH	50.258, 111.963, 320.355
CIE-LUV	50.258, 46.849, -117.051
Hunter-Lab	43.169, 86.058, -89.437
Binary	11000011, 00010100, 11110100

#c314f4
```
#c314f4 rgb(195,20,244)
```
#45f414
```
#45f414 rgb(69,244,20)
```

Complementary Color

#5314f4
```
#5314f4 rgb(83,20,244)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#f414b5
```
#f414b5 rgb(244,20,181)
```

Analogous Color

#14f453
```
#14f453 rgb(20,244,83)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#b5f414
```
#b5f414 rgb(181,244,20)
```

Split Complementary Color

#14f4c3
```
#14f4c3 rgb(20,244,195)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#f4c314
```
#f4c314 rgb(244,195,20)
```

Triadic Color

#1445f4
```
#1445f4 rgb(20,69,244)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#f4c314
```
#f4c314 rgb(244,195,20)
```
#45f414
```
#45f414 rgb(69,244,20)
```

Tetradic Color

#8e08b3
```
#8e08b3 rgb(142,8,179)
```
#a10acb
```
#a10acb rgb(161,10,203)
```
#b40be4
```
#b40be4 rgb(180,11,228)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#c92cf5
```
#c92cf5 rgb(201,44,245)
```
#cf45f6
```
#cf45f6 rgb(207,69,246)
```
#d65df7
```
#d65df7 rgb(214,93,247)
```

Monochromatic Color

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

#8b14f4
```
#8b14f4 rgb(139,20,244)
```
#9e14f4
```
#9e14f4 rgb(158,20,244)
```
#b014f4
```
#b014f4 rgb(176,20,244)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#d614f4
```
#d614f4 rgb(214,20,244)
```
#e814f4
```
#e814f4 rgb(232,20,244)
```
#f414ed
```
#f414ed rgb(244,20,237)
```

Similar Colors

Text with hexadecimal color #c314f4

This text has a font color of #c314f4.

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

#c314f4 background color

This paragraph has a background color of #c314f4.

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

#c314f4 border color

This element has a border color of #c314f4.

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

CSS codes

.text {color:#c314f4;}

.background {background-color:#c314f4;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#16011b
```
#16011b rgb(22,1,27)
```
#24022e
```
#24022e rgb(36,2,46)
```
#330341
```
#330341 rgb(51,3,65)
```
#420454
```
#420454 rgb(66,4,84)
```
#510566
```
#510566 rgb(81,5,102)
```
#600679
```
#600679 rgb(96,6,121)
```
#6f078c
```
#6f078c rgb(111,7,140)
```
#7d079f
```
#7d079f rgb(125,7,159)
```
#8c08b1
```
#8c08b1 rgb(140,8,177)
```
#9b09c4
```
#9b09c4 rgb(155,9,196)
```
#aa0ad7
```
#aa0ad7 rgb(170,10,215)
```
#b90be9
```
#b90be9 rgb(185,11,233)
```

Shade Color Variation

#c314f4
```
#c314f4 rgb(195,20,244)
```
#c827f5
```
#c827f5 rgb(200,39,245)
```
#cd39f6
```
#cd39f6 rgb(205,57,246)
```
#d14cf7
```
#d14cf7 rgb(209,76,247)
```
#d65ff8
```
#d65ff8 rgb(214,95,248)
```
#db72f8
```
#db72f8 rgb(219,114,248)
```
#e084f9
```
#e084f9 rgb(224,132,249)
```
#e497fa
```
#e497fa rgb(228,151,250)
```
#e9aafb
```
#e9aafb rgb(233,170,251)
```
#eebdfc
```
#eebdfc rgb(238,189,252)
```
#f3cffd
```
#f3cffd rgb(243,207,253)
```
#f8e2fe
```
#f8e2fe rgb(248,226,254)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#887c8c
```
#887c8c rgb(136,124,140)
```
#8e7395
```
#8e7395 rgb(142,115,149)
```
#93699f
```
#93699f rgb(147,105,159)
```
#9860a8
```
#9860a8 rgb(152,96,168)
```
#9e56b2
```
#9e56b2 rgb(158,86,178)
```
#a34dbb
```
#a34dbb rgb(163,77,187)
```
#a843c5
```
#a843c5 rgb(168,67,197)
```
#ae3ace
```
#ae3ace rgb(174,58,206)
```
#b330d8
```
#b330d8 rgb(179,48,216)
```
#b827e1
```
#b827e1 rgb(184,39,225)
```
#be1deb
```
#be1deb rgb(190,29,235)
```
#c314f4
```
#c314f4 rgb(195,20,244)
```
#c80bfd
```
#c80bfd rgb(200,11,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#75527f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0080d5 Deuteranopia 1% of men
#b06a71 Tritanopia 0.001% of the population

Trichromacy

#4655f1 Protanomaly 1% of men, 0.01% of women
#4659e0 Deuteranomaly 6% of men, 0.4% of women
#b74ba1 Tritanomaly 0.01% of the population

#c314f4 hex color

#c314f4 Color Information

#c314f4 Color Conversion

Color Schemes with #c314f4

Alternatives to #c314f4

#c314f4 Preview

Shades and Tints of #c314f4

Tones of #c314f4

Color Blindness Simulator