#c31cf4 hex color

In a RGB color space, hex #c31cf4 is composed of 76.5% red, 11% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 88.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 286.4 degrees, a saturation of 90.8% and a lightness of 53.3%. #c31cf4 color hex could be obtained by blending #ff38ff with #8700e9. Closest websafe color is: #cc33ff.

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

● #c31cf4 color description : Vivid magenta.

The hexadecimal color #c31cf4 has RGB values of R:195, G:28, B:244 and CMYK values of C:0.2, M:0.89, Y:0, K:0.04. Its decimal value is 12786932.

Hex triplet	c31cf4	`#c31cf4`
RGB Decimal	195, 28, 244	`rgb(195,28,244)`
RGB Percent	76.5, 11, 95.7	`rgb(76.5%,11%,95.7%)`
CMYK	20, 89, 0, 4
HSL	286.4°, 90.8, 53.3	`hsl(286.4,90.8%,53.3%)`
HSV (or HSB)	286.4°, 88.5, 95.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.647, 85.059, -70.804
XYZ	39.248, 18.966, 87.176
xyY	0.27, 0.13, 18.966
CIE-LCH	50.647, 110.671, 320.226
CIE-LUV	50.647, 46.353, -116.332
Hunter-Lab	43.55, 84.655, -88.199
Binary	11000011, 00011100, 11110100

#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#4df41c
```
#4df41c rgb(77,244,28)
```

Complementary Color

#571cf4
```
#571cf4 rgb(87,28,244)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#f41cb9
```
#f41cb9 rgb(244,28,185)
```

Analogous Color

#1cf457
```
#1cf457 rgb(28,244,87)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#b9f41c
```
#b9f41c rgb(185,244,28)
```

Split Complementary Color

#1cf4c3
```
#1cf4c3 rgb(28,244,195)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#f4c31c
```
#f4c31c rgb(244,195,28)
```

Triadic Color

#1c4df4
```
#1c4df4 rgb(28,77,244)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#f4c31c
```
#f4c31c rgb(244,195,28)
```
#4df41c
```
#4df41c rgb(77,244,28)
```

Tetradic Color

#9209ba
```
#9209ba rgb(146,9,186)
```
#a50ad3
```
#a50ad3 rgb(165,10,211)
```
#b80beb
```
#b80beb rgb(184,11,235)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#c934f5
```
#c934f5 rgb(201,52,245)
```
#d04df6
```
#d04df6 rgb(208,77,246)
```
#d665f8
```
#d665f8 rgb(214,101,248)
```

Monochromatic Color

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

#8d1cf4
```
#8d1cf4 rgb(141,28,244)
```
#9f1cf4
```
#9f1cf4 rgb(159,28,244)
```
#b11cf4
```
#b11cf4 rgb(177,28,244)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#d51cf4
```
#d51cf4 rgb(213,28,244)
```
#e71cf4
```
#e71cf4 rgb(231,28,244)
```
#f41cef
```
#f41cef rgb(244,28,239)
```

Similar Colors

Text with hexadecimal color #c31cf4

This text has a font color of #c31cf4.

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

#c31cf4 background color

This paragraph has a background color of #c31cf4.

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

#c31cf4 border color

This element has a border color of #c31cf4.

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

CSS codes

.text {color:#c31cf4;}

.background {background-color:#c31cf4;}

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

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

#0d0110
```
#0d0110 rgb(13,1,16)
```
#1b0223
```
#1b0223 rgb(27,2,35)
```
#2a0336
```
#2a0336 rgb(42,3,54)
```
#390448
```
#390448 rgb(57,4,72)
```
#47045b
```
#47045b rgb(71,4,91)
```
#56056e
```
#56056e rgb(86,5,110)
```
#650680
```
#650680 rgb(101,6,128)
```
#730793
```
#730793 rgb(115,7,147)
```
#8208a6
```
#8208a6 rgb(130,8,166)
```
#9109b9
```
#9109b9 rgb(145,9,185)
```
#9f0acb
```
#9f0acb rgb(159,10,203)
```
#ae0bde
```
#ae0bde rgb(174,11,222)
```
#bd0cf1
```
#bd0cf1 rgb(189,12,241)
```

Shade Color Variation

#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#c82ff5
```
#c82ff5 rgb(200,47,245)
```
#cd41f6
```
#cd41f6 rgb(205,65,246)
```
#d254f7
```
#d254f7 rgb(210,84,247)
```
#d767f8
```
#d767f8 rgb(215,103,248)
```
#dc7af9
```
#dc7af9 rgb(220,122,249)
```
#e18cf9
```
#e18cf9 rgb(225,140,249)
```
#e69ffa
```
#e69ffa rgb(230,159,250)
```
#ebb2fb
```
#ebb2fb rgb(235,178,251)
```
#f0c4fc
```
#f0c4fc rgb(240,196,252)
```
#f4d7fd
```
#f4d7fd rgb(244,215,253)
```
#f9eafe
```
#f9eafe rgb(249,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8c818f
```
#8c818f rgb(140,129,143)
```
#917898
```
#917898 rgb(145,120,152)
```
#966ea2
```
#966ea2 rgb(150,110,162)
```
#9b65ab
```
#9b65ab rgb(155,101,171)
```
#a05cb4
```
#a05cb4 rgb(160,92,180)
```
#a553bd
```
#a553bd rgb(165,83,189)
```
#aa4ac6
```
#aa4ac6 rgb(170,74,198)
```
#af41cf
```
#af41cf rgb(175,65,207)
```
#b437d9
```
#b437d9 rgb(180,55,217)
```
#b92ee2
```
#b92ee2 rgb(185,46,226)
```
#be25eb
```
#be25eb rgb(190,37,235)
```
#c31cf4
```
#c31cf4 rgb(195,28,244)
```
#c813fd
```
#c813fd rgb(200,19,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#795883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0081d7 Deuteranopia 1% of men
#b06c73 Tritanopia 0.001% of the population

Trichromacy

#4659f2 Protanomaly 1% of men, 0.01% of women
#465ce1 Deuteranomaly 6% of men, 0.4% of women
#b74ea2 Tritanomaly 0.01% of the population

#c31cf4 hex color

#c31cf4 Color Information

#c31cf4 Color Conversion

Color Schemes with #c31cf4

Alternatives to #c31cf4

#c31cf4 Preview

Shades and Tints of #c31cf4

Tones of #c31cf4

Color Blindness Simulator