#c31fd9 hex color

In a RGB color space, hex #c31fd9 is composed of 76.5% red, 12.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 85.7% magenta, 0% yellow and 14.9% black. It has a hue angle of 292.9 degrees, a saturation of 75% and a lightness of 48.6%. #c31fd9 color hex could be obtained by blending #ff3eff with #8700b3. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 76
- G 12
- B 85
RGB color chart
- C 10
- M 86
- Y 0
- K 15
CMYK color chart

● #c31fd9 color description : Vivid magenta.

The hexadecimal color #c31fd9 has RGB values of R:195, G:31, B:217 and CMYK values of C:0.1, M:0.86, Y:0, K:0.15. Its decimal value is 12787673.

Hex triplet	c31fd9	`#c31fd9`
RGB Decimal	195, 31, 217	`rgb(195,31,217)`
RGB Percent	76.5, 12.2, 85.1	`rgb(76.5%,12.2%,85.1%)`
CMYK	10, 86, 0, 15
HSL	292.9°, 75, 48.6	`hsl(292.9,75%,48.6%)`
HSV (or HSB)	292.9°, 85.7, 85.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49, 79.973, -58.185
XYZ	35.519, 17.594, 67.167
xyY	0.295, 0.146, 17.594
CIE-LCH	49, 98.9, 323.962
CIE-LUV	49, 54.645, -96.972
Hunter-Lab	41.945, 77.749, -65.58
Binary	11000011, 00011111, 11011001

#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#35d91f
```
#35d91f rgb(53,217,31)
```

Complementary Color

#661fd9
```
#661fd9 rgb(102,31,217)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#d91f92
```
#d91f92 rgb(217,31,146)
```

Analogous Color

#1fd966
```
#1fd966 rgb(31,217,102)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#92d91f
```
#92d91f rgb(146,217,31)
```

Split Complementary Color

#1fd9c3
```
#1fd9c3 rgb(31,217,195)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#d9c31f
```
#d9c31f rgb(217,195,31)
```

Triadic Color

#1f35d9
```
#1f35d9 rgb(31,53,217)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#d9c31f
```
#d9c31f rgb(217,195,31)
```
#35d91f
```
#35d91f rgb(53,217,31)
```

Tetradic Color

#871596
```
#871596 rgb(135,21,150)
```
#9b19ac
```
#9b19ac rgb(155,25,172)
```
#af1cc3
```
#af1cc3 rgb(175,28,195)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#cc30e1
```
#cc30e1 rgb(204,48,225)
```
#d246e5
```
#d246e5 rgb(210,70,229)
```
#d75de8
```
#d75de8 rgb(215,93,232)
```

Monochromatic Color

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

#951fd9
```
#951fd9 rgb(149,31,217)
```
#a41fd9
```
#a41fd9 rgb(164,31,217)
```
#b41fd9
```
#b41fd9 rgb(180,31,217)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#d31fd9
```
#d31fd9 rgb(211,31,217)
```
#d91fd0
```
#d91fd0 rgb(217,31,208)
```
#d91fc1
```
#d91fc1 rgb(217,31,193)
```

Similar Colors

Text with hexadecimal color #c31fd9

This text has a font color of #c31fd9.

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

#c31fd9 background color

This paragraph has a background color of #c31fd9.

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

#c31fd9 border color

This element has a border color of #c31fd9.

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

CSS codes

.text {color:#c31fd9;}

.background {background-color:#c31fd9;}

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

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, #0a020b is the darkest color, while #fef9fe is the lightest one.

#0a020b
```
#0a020b rgb(10,2,11)
```
#19041c
```
#19041c rgb(25,4,28)
```
#29062d
```
#29062d rgb(41,6,45)
```
#38093f
```
#38093f rgb(56,9,63)
```
#480b50
```
#480b50 rgb(72,11,80)
```
#570e61
```
#570e61 rgb(87,14,97)
```
#661072
```
#661072 rgb(102,16,114)
```
#761383
```
#761383 rgb(118,19,131)
```
#851594
```
#851594 rgb(133,21,148)
```
#9518a6
```
#9518a6 rgb(149,24,166)
```
#a41ab7
```
#a41ab7 rgb(164,26,183)
```
#b41dc8
```
#b41dc8 rgb(180,29,200)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```

Shade Color Variation

#cb2be1
```
#cb2be1 rgb(203,43,225)
```
#cf3ce3
```
#cf3ce3 rgb(207,60,227)
```
#d44de6
```
#d44de6 rgb(212,77,230)
```
#d85ee8
```
#d85ee8 rgb(216,94,232)
```
#dc70eb
```
#dc70eb rgb(220,112,235)
```
#e081ed
```
#e081ed rgb(224,129,237)
```
#e492ef
```
#e492ef rgb(228,146,239)
```
#e9a3f2
```
#e9a3f2 rgb(233,163,242)
```
#edb4f4
```
#edb4f4 rgb(237,180,244)
```
#f1c5f7
```
#f1c5f7 rgb(241,197,247)
```
#f5d7f9
```
#f5d7f9 rgb(245,215,249)
```
#f9e8fc
```
#f9e8fc rgb(249,232,252)
```
#fef9fe
```
#fef9fe rgb(254,249,254)
```

Tint Color Variation

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

#817583
```
#817583 rgb(129,117,131)
```
#896b8d
```
#896b8d rgb(137,107,141)
```
#906296
```
#906296 rgb(144,98,150)
```
#9758a0
```
#9758a0 rgb(151,88,160)
```
#9f4fa9
```
#9f4fa9 rgb(159,79,169)
```
#a645b3
```
#a645b3 rgb(166,69,179)
```
#ad3cbc
```
#ad3cbc rgb(173,60,188)
```
#b432c6
```
#b432c6 rgb(180,50,198)
```
#bc29cf
```
#bc29cf rgb(188,41,207)
```
#c31fd9
```
#c31fd9 rgb(195,31,217)
```
#ca15e3
```
#ca15e3 rgb(202,21,227)
```
#d20cec
```
#d20cec rgb(210,12,236)
```
#d902f6
```
#d902f6 rgb(217,2,246)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#78577c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#3e7cc7 Deuteranopia 1% of men
#b56268 Tritanopia 0.001% of the population

Trichromacy

#4657e3 Protanomaly 1% of men, 0.01% of women
#6e5acd Deuteranomaly 6% of men, 0.4% of women
#ba4991 Tritanomaly 0.01% of the population

#c31fd9 hex color

#c31fd9 Color Information

#c31fd9 Color Conversion

Color Schemes with #c31fd9

Alternatives to #c31fd9

#c31fd9 Preview

Shades and Tints of #c31fd9

Tones of #c31fd9

Color Blindness Simulator