#c31fe4 hex color

In a RGB color space, hex #c31fe4 is composed of 76.5% red, 12.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 86.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 289.9 degrees, a saturation of 78.5% and a lightness of 50.8%. #c31fe4 color hex could be obtained by blending #ff3eff with #8700c9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 76
- G 12
- B 89
RGB color chart
- C 14
- M 86
- Y 0
- K 11
CMYK color chart

● #c31fe4 color description : Vivid magenta.

The hexadecimal color #c31fe4 has RGB values of R:195, G:31, B:228 and CMYK values of C:0.14, M:0.86, Y:0, K:0.11. Its decimal value is 12787684.

Hex triplet	c31fe4	`#c31fe4`
RGB Decimal	195, 31, 228	`rgb(195,31,228)`
RGB Percent	76.5, 12.2, 89.4	`rgb(76.5%,12.2%,89.4%)`
CMYK	14, 86, 0, 11
HSL	289.9°, 78.5, 50.8	`hsl(289.9,78.5%,50.8%)`
HSV (or HSB)	289.9°, 86.4, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.72, 81.798, -63.284
XYZ	36.998, 18.185, 74.956
xyY	0.284, 0.14, 18.185
CIE-LCH	49.72, 103.421, 322.272
CIE-LUV	49.72, 51.038, -104.847
Hunter-Lab	42.644, 80.237, -74.363
Binary	11000011, 00011111, 11100100

#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#40e41f
```
#40e41f rgb(64,228,31)
```

Complementary Color

#601fe4
```
#601fe4 rgb(96,31,228)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#e41fa3
```
#e41fa3 rgb(228,31,163)
```

Analogous Color

#1fe461
```
#1fe461 rgb(31,228,97)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#a3e41f
```
#a3e41f rgb(163,228,31)
```

Split Complementary Color

#1fe4c3
```
#1fe4c3 rgb(31,228,195)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#e4c31f
```
#e4c31f rgb(228,195,31)
```

Triadic Color

#1f40e4
```
#1f40e4 rgb(31,64,228)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#e4c31f
```
#e4c31f rgb(228,195,31)
```
#40e41f
```
#40e41f rgb(64,228,31)
```

Tetradic Color

#8b14a3
```
#8b14a3 rgb(139,20,163)
```
#9e16ba
```
#9e16ba rgb(158,22,186)
```
#b219d0
```
#b219d0 rgb(178,25,208)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#c936e7
```
#c936e7 rgb(201,54,231)
```
#cf4de9
```
#cf4de9 rgb(207,77,233)
```
#d563ec
```
#d563ec rgb(213,99,236)
```

Monochromatic Color

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

#921fe4
```
#921fe4 rgb(146,31,228)
```
#a21fe4
```
#a21fe4 rgb(162,31,228)
```
#b31fe4
```
#b31fe4 rgb(179,31,228)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#e41fe4
```
#e41fe4 rgb(228,31,228)
```
#e41fd4
```
#e41fd4 rgb(228,31,212)
```

Similar Colors

Text with hexadecimal color #c31fe4

This text has a font color of #c31fe4.

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

#c31fe4 background color

This paragraph has a background color of #c31fe4.

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

#c31fe4 border color

This element has a border color of #c31fe4.

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

CSS codes

.text {color:#c31fe4;}

.background {background-color:#c31fe4;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120315
```
#120315 rgb(18,3,21)
```
#210527
```
#210527 rgb(33,5,39)
```
#300738
```
#300738 rgb(48,7,56)
```
#3f094a
```
#3f094a rgb(63,9,74)
```
#4e0b5b
```
#4e0b5b rgb(78,11,91)
```
#5d0d6d
```
#5d0d6d rgb(93,13,109)
```
#6c0f7e
```
#6c0f7e rgb(108,15,126)
```
#7a1190
```
#7a1190 rgb(122,17,144)
```
#8913a1
```
#8913a1 rgb(137,19,161)
```
#9816b3
```
#9816b3 rgb(152,22,179)
```
#a718c4
```
#a718c4 rgb(167,24,196)
```
#b61ad6
```
#b61ad6 rgb(182,26,214)
```

Shade Color Variation

#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#c831e6
```
#c831e6 rgb(200,49,230)
```
#cc42e8
```
#cc42e8 rgb(204,66,232)
```
#d154ea
```
#d154ea rgb(209,84,234)
```
#d665ec
```
#d665ec rgb(214,101,236)
```
#da77ef
```
#da77ef rgb(218,119,239)
```
#df88f1
```
#df88f1 rgb(223,136,241)
```
#e49af3
```
#e49af3 rgb(228,154,243)
```
#e9abf5
```
#e9abf5 rgb(233,171,245)
```
#edbdf7
```
#edbdf7 rgb(237,189,247)
```
#f2cef9
```
#f2cef9 rgb(242,206,249)
```
#f7e0fb
```
#f7e0fb rgb(247,224,251)
```
#fbf1fd
```
#fbf1fd rgb(251,241,253)
```

Tint Color Variation

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

#838083
```
#838083 rgb(131,128,131)
```
#89768d
```
#89768d rgb(137,118,141)
```
#906c97
```
#906c97 rgb(144,108,151)
```
#9663a0
```
#9663a0 rgb(150,99,160)
```
#9c59aa
```
#9c59aa rgb(156,89,170)
```
#a34fb4
```
#a34fb4 rgb(163,79,180)
```
#a946bd
```
#a946bd rgb(169,70,189)
```
#b03cc7
```
#b03cc7 rgb(176,60,199)
```
#b632d1
```
#b632d1 rgb(182,50,209)
```
#bd29da
```
#bd29da rgb(189,41,218)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#c915ee
```
#c915ee rgb(201,21,238)
```
#d00cf7
```
#d00cf7 rgb(208,12,247)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#79587f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#2a7fd0 Deuteranopia 1% of men
#b3666d Tritanopia 0.001% of the population

Trichromacy

#4658e9 Protanomaly 1% of men, 0.01% of women
#615cd7 Deuteranomaly 6% of men, 0.4% of women
#b94c98 Tritanomaly 0.01% of the population

#c31fe4 hex color

#c31fe4 Color Information

#c31fe4 Color Conversion

Color Schemes with #c31fe4

Alternatives to #c31fe4

#c31fe4 Preview

Shades and Tints of #c31fe4

Tones of #c31fe4

Color Blindness Simulator