#c31af0 hex color

In a RGB color space, hex #c31af0 is composed of 76.5% red, 10.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 89.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 287.4 degrees, a saturation of 87.7% and a lightness of 52.2%. #c31af0 color hex could be obtained by blending #ff34ff with #8700e1. Closest websafe color is: #cc33ff.

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

● #c31af0 color description : Vivid magenta.

The hexadecimal color #c31af0 has RGB values of R:195, G:26, B:240 and CMYK values of C:0.19, M:0.89, Y:0, K:0.06. Its decimal value is 12786416.

Hex triplet	c31af0	`#c31af0`
RGB Decimal	195, 26, 240	`rgb(195,26,240)`
RGB Percent	76.5, 10.2, 94.1	`rgb(76.5%,10.2%,94.1%)`
CMYK	19, 89, 0, 6
HSL	287.4°, 87.7, 52.2	`hsl(287.4,87.7%,52.2%)`
HSV (or HSB)	287.4°, 89.2, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.256, 84.689, -69.193
XYZ	38.601, 18.634, 83.997
xyY	0.273, 0.132, 18.634
CIE-LCH	50.256, 109.361, 320.75
CIE-LUV	50.256, 47.693, -113.789
Hunter-Lab	43.167, 84.078, -85.153
Binary	11000011, 00011010, 11110000

#c31af0
```
#c31af0 rgb(195,26,240)
```
#47f01a
```
#47f01a rgb(71,240,26)
```

Complementary Color

#581af0
```
#581af0 rgb(88,26,240)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#f01ab2
```
#f01ab2 rgb(240,26,178)
```

Analogous Color

#1af058
```
#1af058 rgb(26,240,88)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#b2f01a
```
#b2f01a rgb(178,240,26)
```

Split Complementary Color

#1af0c3
```
#1af0c3 rgb(26,240,195)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#f0c31a
```
#f0c31a rgb(240,195,26)
```

Triadic Color

#1a47f0
```
#1a47f0 rgb(26,71,240)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#f0c31a
```
#f0c31a rgb(240,195,26)
```
#47f01a
```
#47f01a rgb(71,240,26)
```

Tetradic Color

#8f0cb2
```
#8f0cb2 rgb(143,12,178)
```
#a20dca
```
#a20dca rgb(162,13,202)
```
#b50fe2
```
#b50fe2 rgb(181,15,226)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#c932f2
```
#c932f2 rgb(201,50,242)
```
#d04af3
```
#d04af3 rgb(208,74,243)
```
#d662f5
```
#d662f5 rgb(214,98,245)
```

Monochromatic Color

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

#8e1af0
```
#8e1af0 rgb(142,26,240)
```
#9f1af0
```
#9f1af0 rgb(159,26,240)
```
#b11af0
```
#b11af0 rgb(177,26,240)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#d51af0
```
#d51af0 rgb(213,26,240)
```
#e71af0
```
#e71af0 rgb(231,26,240)
```
#f01ae8
```
#f01ae8 rgb(240,26,232)
```

Similar Colors

Text with hexadecimal color #c31af0

This text has a font color of #c31af0.

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

#c31af0 background color

This paragraph has a background color of #c31af0.

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

#c31af0 border color

This element has a border color of #c31af0.

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

CSS codes

.text {color:#c31af0;}

.background {background-color:#c31af0;}

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

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, #08010a is the darkest color, while #fdf7fe is the lightest one.

#08010a
```
#08010a rgb(8,1,10)
```
#17021d
```
#17021d rgb(23,2,29)
```
#26032f
```
#26032f rgb(38,3,47)
```
#350442
```
#350442 rgb(53,4,66)
```
#430554
```
#430554 rgb(67,5,84)
```
#520766
```
#520766 rgb(82,7,102)
```
#610879
```
#610879 rgb(97,8,121)
```
#70098b
```
#70098b rgb(112,9,139)
```
#7f0a9e
```
#7f0a9e rgb(127,10,158)
```
#8d0cb0
```
#8d0cb0 rgb(141,12,176)
```
#9c0dc2
```
#9c0dc2 rgb(156,13,194)
```
#ab0ed5
```
#ab0ed5 rgb(171,14,213)
```
#ba0fe7
```
#ba0fe7 rgb(186,15,231)
```

Shade Color Variation

#c31af0
```
#c31af0 rgb(195,26,240)
```
#c82cf1
```
#c82cf1 rgb(200,44,241)
```
#cd3ff2
```
#cd3ff2 rgb(205,63,242)
```
#d151f4
```
#d151f4 rgb(209,81,244)
```
#d664f5
```
#d664f5 rgb(214,100,245)
```
#db76f6
```
#db76f6 rgb(219,118,246)
```
#e088f7
```
#e088f7 rgb(224,136,247)
```
#e59bf8
```
#e59bf8 rgb(229,155,248)
```
#eaadfa
```
#eaadfa rgb(234,173,250)
```
#eec0fb
```
#eec0fb rgb(238,192,251)
```
#f3d2fc
```
#f3d2fc rgb(243,210,252)
```
#f8e5fd
```
#f8e5fd rgb(248,229,253)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#878189
```
#878189 rgb(135,129,137)
```
#8d7892
```
#8d7892 rgb(141,120,146)
```
#926e9c
```
#926e9c rgb(146,110,156)
```
#9765a5
```
#9765a5 rgb(151,101,165)
```
#9d5cae
```
#9d5cae rgb(157,92,174)
```
#a252b8
```
#a252b8 rgb(162,82,184)
```
#a849c1
```
#a849c1 rgb(168,73,193)
```
#ad40ca
```
#ad40ca rgb(173,64,202)
```
#b336d4
```
#b336d4 rgb(179,54,212)
```
#b82ddd
```
#b82ddd rgb(184,45,221)
```
#be23e7
```
#be23e7 rgb(190,35,231)
```
#c31af0
```
#c31af0 rgb(195,26,240)
```
#c811f9
```
#c811f9 rgb(200,17,249)
```

Tone Color Variation

Below, you can see how #c31af0 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
#785681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0080d6 Deuteranopia 1% of men
#b16a71 Tritanopia 0.001% of the population

Trichromacy

#4657ef Protanomaly 1% of men, 0.01% of women
#465bdf Deuteranomaly 6% of men, 0.4% of women
#b74c9f Tritanomaly 0.01% of the population

#c31af0 hex color

#c31af0 Color Information

#c31af0 Color Conversion

Color Schemes with #c31af0

Alternatives to #c31af0

#c31af0 Preview

Shades and Tints of #c31af0

Tones of #c31af0

Color Blindness Simulator