#c31fa4 hex color

In a RGB color space, hex #c31fa4 is composed of 76.5% red, 12.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.1% magenta, 15.9% yellow and 23.5% black. It has a hue angle of 311.3 degrees, a saturation of 72.6% and a lightness of 44.3%. #c31fa4 color hex could be obtained by blending #ff3eff with #870049. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 76
- G 12
- B 64
RGB color chart
- C 0
- M 84
- Y 16
- K 24
CMYK color chart

● #c31fa4 color description : Strong magenta.

The hexadecimal color #c31fa4 has RGB values of R:195, G:31, B:164 and CMYK values of C:0, M:0.84, Y:0.16, K:0.24. Its decimal value is 12787620.

Hex triplet	c31fa4	`#c31fa4`
RGB Decimal	195, 31, 164	`rgb(195,31,164)`
RGB Percent	76.5, 12.2, 64.3	`rgb(76.5%,12.2%,64.3%)`
CMYK	0, 84, 16, 24
HSL	311.3°, 72.6, 44.3	`hsl(311.3,72.6%,44.3%)`
HSV (or HSB)	311.3°, 84.1, 76.5
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.995, 72.061, -32.049
XYZ	29.696, 15.265, 36.502
xyY	0.365, 0.187, 15.265
CIE-LCH	45.995, 78.867, 336.023
CIE-LUV	45.995, 74.618, -56.917
Hunter-Lab	39.07, 67.301, -28.044
Binary	11000011, 00011111, 10100100

#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#1fc33e
```
#1fc33e rgb(31,195,62)
```

Complementary Color

#901fc3
```
#901fc3 rgb(144,31,195)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#c31f52
```
#c31f52 rgb(195,31,82)
```

Analogous Color

#1fc390
```
#1fc390 rgb(31,195,144)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#52c31f
```
#52c31f rgb(82,195,31)
```

Split Complementary Color

#1fa4c3
```
#1fa4c3 rgb(31,164,195)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#a4c31f
```
#a4c31f rgb(164,195,31)
```

Triadic Color

#3e1fc3
```
#3e1fc3 rgb(62,31,195)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#a4c31f
```
#a4c31f rgb(164,195,31)
```
#1fc33e
```
#1fc33e rgb(31,195,62)
```

Tetradic Color

#81156c
```
#81156c rgb(129,21,108)
```
#97187f
```
#97187f rgb(151,24,127)
```
#ad1c91
```
#ad1c91 rgb(173,28,145)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#d922b7
```
#d922b7 rgb(217,34,183)
```
#df36bf
```
#df36bf rgb(223,54,191)
```
#e34cc6
```
#e34cc6 rgb(227,76,198)
```

Monochromatic Color

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

#b91fc3
```
#b91fc3 rgb(185,31,195)
```
#c31fbf
```
#c31fbf rgb(195,31,191)
```
#c31fb2
```
#c31fb2 rgb(195,31,178)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#c31f96
```
#c31f96 rgb(195,31,150)
```
#c31f89
```
#c31f89 rgb(195,31,137)
```
#c31f7b
```
#c31f7b rgb(195,31,123)
```

Similar Colors

Text with hexadecimal color #c31fa4

This text has a font color of #c31fa4.

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

#c31fa4 background color

This paragraph has a background color of #c31fa4.

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

#c31fa4 border color

This element has a border color of #c31fa4.

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

CSS codes

.text {color:#c31fa4;}

.background {background-color:#c31fa4;}

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

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

#090107
```
#090107 rgb(9,1,7)
```
#1a0416
```
#1a0416 rgb(26,4,22)
```
#2b0724
```
#2b0724 rgb(43,7,36)
```
#3c0932
```
#3c0932 rgb(60,9,50)
```
#4d0c40
```
#4d0c40 rgb(77,12,64)
```
#5d0f4f
```
#5d0f4f rgb(93,15,79)
```
#6e125d
```
#6e125d rgb(110,18,93)
```
#7f146b
```
#7f146b rgb(127,20,107)
```
#901779
```
#901779 rgb(144,23,121)
```
#a11a88
```
#a11a88 rgb(161,26,136)
```
#b21c96
```
#b21c96 rgb(178,28,150)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#d422b2
```
#d422b2 rgb(212,34,178)
```

Shade Color Variation

#dd2cbc
```
#dd2cbc rgb(221,44,188)
```
#e03dc1
```
#e03dc1 rgb(224,61,193)
```
#e34ec7
```
#e34ec7 rgb(227,78,199)
```
#e55fcc
```
#e55fcc rgb(229,95,204)
```
#e870d1
```
#e870d1 rgb(232,112,209)
```
#eb80d7
```
#eb80d7 rgb(235,128,215)
```
#ee91dc
```
#ee91dc rgb(238,145,220)
```
#f0a2e2
```
#f0a2e2 rgb(240,162,226)
```
#f3b3e7
```
#f3b3e7 rgb(243,179,231)
```
#f6c4ec
```
#f6c4ec rgb(246,196,236)
```
#f8d5f2
```
#f8d5f2 rgb(248,213,242)
```
#fbe6f7
```
#fbe6f7 rgb(251,230,247)
```
#fef7fc
```
#fef7fc rgb(254,247,252)
```

Tint Color Variation

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

#756d73
```
#756d73 rgb(117,109,115)
```
#7d6579
```
#7d6579 rgb(125,101,121)
```
#865c7e
```
#865c7e rgb(134,92,126)
```
#8f5384
```
#8f5384 rgb(143,83,132)
```
#984a89
```
#984a89 rgb(152,74,137)
```
#a0428e
```
#a0428e rgb(160,66,142)
```
#a93994
```
#a93994 rgb(169,57,148)
```
#b23099
```
#b23099 rgb(178,48,153)
```
#ba289f
```
#ba289f rgb(186,40,159)
```
#c31fa4
```
#c31fa4 rgb(195,31,164)
```
#cc16a9
```
#cc16a9 rgb(204,22,169)
```
#d40eaf
```
#d40eaf rgb(212,14,175)
```
#dd05b4
```
#dd05b4 rgb(221,5,180)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#73526d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2971d7 Protanopia 1% of men
#687399 Deuteranopia 1% of men
#bd4f53 Tritanopia 0.001% of the population

Trichromacy

#6153c4 Protanomaly 1% of men, 0.01% of women
#89549d Deuteranomaly 6% of men, 0.4% of women
#bf3d70 Tritanomaly 0.01% of the population

#c31fa4 hex color

#c31fa4 Color Information

#c31fa4 Color Conversion

Color Schemes with #c31fa4

Alternatives to #c31fa4

#c31fa4 Preview

Shades and Tints of #c31fa4

Tones of #c31fa4

Color Blindness Simulator