colorhexa.com

#c31ff6 hex color

In a RGB color space, hex #c31ff6 is composed of 76.5% red, 12.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 87.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 285.8 degrees, a saturation of 92.3% and a lightness of 54.3%. #c31ff6 color hex could be obtained by blending #ff3eff with #8700ed. Closest websafe color is: #cc33ff.

- R 76
- G 12
- B 96
RGB color chart
- C 21
- M 87
- Y 0
- K 4
CMYK color chart

● #c31ff6 color description : Vivid magenta.

The hexadecimal color #c31ff6 has RGB values of R:195, G:31, B:246 and CMYK values of C:0.21, M:0.87, Y:0, K:0.04. Its decimal value is 12787702.

Hex triplet	c31ff6	`#c31ff6`
RGB Decimal	195, 31, 246	`rgb(195,31,246)`
RGB Percent	76.5, 12.2, 96.5	`rgb(76.5%,12.2%,96.5%)`
CMYK	21, 87, 0, 4
HSL	285.8°, 92.3, 54.3	`hsl(285.8,92.3%,54.3%)`
HSV (or HSB)	285.8°, 87.4, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.964, 84.892, -71.411
XYZ	39.628, 19.238, 88.81
xyY	0.268, 0.13, 19.238
CIE-LCH	50.964, 110.933, 319.93
CIE-LUV	50.964, 45.541, -117.376
Hunter-Lab	43.861, 84.519, -89.349
Binary	11000011, 00011111, 11110110

#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#52f61f
```
#52f61f rgb(82,246,31)
```

Complementary Color

#581ff6
```
#581ff6 rgb(88,31,246)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#f61fbe
```
#f61fbe rgb(246,31,190)
```

Analogous Color

#1ff658
```
#1ff658 rgb(31,246,88)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#bef61f
```
#bef61f rgb(190,246,31)
```

Split Complementary Color

#1ff6c3
```
#1ff6c3 rgb(31,246,195)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#f6c31f
```
#f6c31f rgb(246,195,31)
```

Triadic Color

#1f52f6
```
#1f52f6 rgb(31,82,246)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#f6c31f
```
#f6c31f rgb(246,195,31)
```
#52f61f
```
#52f61f rgb(82,246,31)
```

Tetradic Color

#9508c1
```
#9508c1 rgb(149,8,193)
```
#a809d9
```
#a809d9 rgb(168,9,217)
```
#bb0af2
```
#bb0af2 rgb(187,10,242)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#ca38f7
```
#ca38f7 rgb(202,56,247)
```
#d050f8
```
#d050f8 rgb(208,80,248)
```
#d769f9
```
#d769f9 rgb(215,105,249)
```

Monochromatic Color

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

#8d1ff6
```
#8d1ff6 rgb(141,31,246)
```
#9f1ff6
```
#9f1ff6 rgb(159,31,246)
```
#b11ff6
```
#b11ff6 rgb(177,31,246)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#d51ff6
```
#d51ff6 rgb(213,31,246)
```
#e71ff6
```
#e71ff6 rgb(231,31,246)
```
#f61ff3
```
#f61ff3 rgb(246,31,243)
```

Similar Colors

Text with hexadecimal color #c31ff6

This text has a font color of #c31ff6.

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

#c31ff6 background color

This paragraph has a background color of #c31ff6.

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

#c31ff6 border color

This element has a border color of #c31ff6.

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

CSS codes

.text {color:#c31ff6;}

.background {background-color:#c31ff6;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#100115
```
#100115 rgb(16,1,21)
```
#1f0228
```
#1f0228 rgb(31,2,40)
```
#2d023b
```
#2d023b rgb(45,2,59)
```
#3c034e
```
#3c034e rgb(60,3,78)
```
#4b0461
```
#4b0461 rgb(75,4,97)
```
#590573
```
#590573 rgb(89,5,115)
```
#680586
```
#680586 rgb(104,5,134)
```
#760699
```
#760699 rgb(118,6,153)
```
#8507ac
```
#8507ac rgb(133,7,172)
```
#9308bf
```
#9308bf rgb(147,8,191)
```
#a208d2
```
#a208d2 rgb(162,8,210)
```
#b109e5
```
#b109e5 rgb(177,9,229)
```

Shade Color Variation

#be0cf5
```
#be0cf5 rgb(190,12,245)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#c832f7
```
#c832f7 rgb(200,50,247)
```
#cd45f8
```
#cd45f8 rgb(205,69,248)
```
#d258f8
```
#d258f8 rgb(210,88,248)
```
#d76af9
```
#d76af9 rgb(215,106,249)
```
#dc7dfa
```
#dc7dfa rgb(220,125,250)
```
#e190fb
```
#e190fb rgb(225,144,251)
```
#e6a3fb
```
#e6a3fb rgb(230,163,251)
```
#ebb6fc
```
#ebb6fc rgb(235,182,252)
```
#f0c9fd
```
#f0c9fd rgb(240,201,253)
```
#f6dcfe
```
#f6dcfe rgb(246,220,254)
```
#fbeefe
```
#fbeefe rgb(251,238,254)
```

Tint Color Variation

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

#8f8293
```
#8f8293 rgb(143,130,147)
```
#94799c
```
#94799c rgb(148,121,156)
```
#9970a5
```
#9970a5 rgb(153,112,165)
```
#9d67ae
```
#9d67ae rgb(157,103,174)
```
#a25eb7
```
#a25eb7 rgb(162,94,183)
```
#a755c0
```
#a755c0 rgb(167,85,192)
```
#ab4cc9
```
#ab4cc9 rgb(171,76,201)
```
#b043d2
```
#b043d2 rgb(176,67,210)
```
#b53adb
```
#b53adb rgb(181,58,219)
```
#ba31e4
```
#ba31e4 rgb(186,49,228)
```
#be28ed
```
#be28ed rgb(190,40,237)
```
#c31ff6
```
#c31ff6 rgb(195,31,246)
```
#c816ff
```
#c816ff rgb(200,22,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7b5a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf2 Protanopia 1% of men
#0082d8 Deuteranopia 1% of men
#af6d74 Tritanopia 0.001% of the population

Trichromacy

#465af3 Protanomaly 1% of men, 0.01% of women
#465ee3 Deuteranomaly 6% of men, 0.4% of women
#b650a3 Tritanomaly 0.01% of the population