#c31f71 hex color

In a RGB color space, hex #c31f71 is composed of 76.5% red, 12.2% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.1% magenta, 42.1% yellow and 23.5% black. It has a hue angle of 330 degrees, a saturation of 72.6% and a lightness of 44.3%. #c31f71 color hex could be obtained by blending #ff3ee2 with #870000. Closest websafe color is: #cc3366.

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

● #c31f71 color description : Strong pink.

The hexadecimal color #c31f71 has RGB values of R:195, G:31, B:113 and CMYK values of C:0, M:0.84, Y:0.42, K:0.24. Its decimal value is 12787569.

Hex triplet	c31f71	`#c31f71`
RGB Decimal	195, 31, 113	`rgb(195,31,113)`
RGB Percent	76.5, 12.2, 44.3	`rgb(76.5%,12.2%,44.3%)`
CMYK	0, 84, 42, 24
HSL	330°, 72.6, 44.3	`hsl(330,72.6%,44.3%)`
HSV (or HSB)	330°, 84.1, 76.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.912, 66.24, -4.215
XYZ	25.977, 13.777, 16.913
xyY	0.458, 0.243, 13.777
CIE-LCH	43.912, 66.374, 356.359
CIE-LUV	43.912, 96.384, -17.566
Hunter-Lab	37.118, 59.969, -1.034
Binary	11000011, 00011111, 01110001

#c31f71
```
#c31f71 rgb(195,31,113)
```
#1fc371
```
#1fc371 rgb(31,195,113)
```

Complementary Color

#c31fc3
```
#c31fc3 rgb(195,31,195)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#c31f1f
```
#c31f1f rgb(195,31,31)
```

Analogous Color

#1fc3c3
```
#1fc3c3 rgb(31,195,195)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#1fc31f
```
#1fc31f rgb(31,195,31)
```

Split Complementary Color

#1f71c3
```
#1f71c3 rgb(31,113,195)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#71c31f
```
#71c31f rgb(113,195,31)
```

Triadic Color

#711fc3
```
#711fc3 rgb(113,31,195)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#71c31f
```
#71c31f rgb(113,195,31)
```
#1fc371
```
#1fc371 rgb(31,195,113)
```

Tetradic Color

#81154b
```
#81154b rgb(129,21,75)
```
#971858
```
#971858 rgb(151,24,88)
```
#ad1c64
```
#ad1c64 rgb(173,28,100)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#d9227e
```
#d9227e rgb(217,34,126)
```
#df368b
```
#df368b rgb(223,54,139)
```
#e34c97
```
#e34c97 rgb(227,76,151)
```

Monochromatic Color

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

#c31f9a
```
#c31f9a rgb(195,31,154)
```
#c31f8c
```
#c31f8c rgb(195,31,140)
```
#c31f7f
```
#c31f7f rgb(195,31,127)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#c31f63
```
#c31f63 rgb(195,31,99)
```
#c31f56
```
#c31f56 rgb(195,31,86)
```
#c31f48
```
#c31f48 rgb(195,31,72)
```

Similar Colors

Text with hexadecimal color #c31f71

This text has a font color of #c31f71.

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

#c31f71 background color

This paragraph has a background color of #c31f71.

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

#c31f71 border color

This element has a border color of #c31f71.

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

CSS codes

.text {color:#c31f71;}

.background {background-color:#c31f71;}

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

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

#090105
```
#090105 rgb(9,1,5)
```
#1a040f
```
#1a040f rgb(26,4,15)
```
#2b0719
```
#2b0719 rgb(43,7,25)
```
#3c0923
```
#3c0923 rgb(60,9,35)
```
#4d0c2c
```
#4d0c2c rgb(77,12,44)
```
#5d0f36
```
#5d0f36 rgb(93,15,54)
```
#6e1240
```
#6e1240 rgb(110,18,64)
```
#7f144a
```
#7f144a rgb(127,20,74)
```
#901754
```
#901754 rgb(144,23,84)
```
#a11a5d
```
#a11a5d rgb(161,26,93)
```
#b21c67
```
#b21c67 rgb(178,28,103)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#d4227b
```
#d4227b rgb(212,34,123)
```

Shade Color Variation

#dd2c85
```
#dd2c85 rgb(221,44,133)
```
#e03d8e
```
#e03d8e rgb(224,61,142)
```
#e34e98
```
#e34e98 rgb(227,78,152)
```
#e55fa2
```
#e55fa2 rgb(229,95,162)
```
#e870ac
```
#e870ac rgb(232,112,172)
```
#eb80b6
```
#eb80b6 rgb(235,128,182)
```
#ee91bf
```
#ee91bf rgb(238,145,191)
```
#f0a2c9
```
#f0a2c9 rgb(240,162,201)
```
#f3b3d3
```
#f3b3d3 rgb(243,179,211)
```
#f6c4dd
```
#f6c4dd rgb(246,196,221)
```
#f8d5e7
```
#f8d5e7 rgb(248,213,231)
```
#fbe6f1
```
#fbe6f1 rgb(251,230,241)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#756d71
```
#756d71 rgb(117,109,113)
```
#7d6571
```
#7d6571 rgb(125,101,113)
```
#865c71
```
#865c71 rgb(134,92,113)
```
#8f5371
```
#8f5371 rgb(143,83,113)
```
#984a71
```
#984a71 rgb(152,74,113)
```
#a04271
```
#a04271 rgb(160,66,113)
```
#a93971
```
#a93971 rgb(169,57,113)
```
#b23071
```
#b23071 rgb(178,48,113)
```
#ba2871
```
#ba2871 rgb(186,40,113)
```
#c31f71
```
#c31f71 rgb(195,31,113)
```
#cc1671
```
#cc1671 rgb(204,22,113)
```
#d40e71
```
#d40e71 rgb(212,14,113)
```
#dd0571
```
#dd0571 rgb(221,5,113)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6e4d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#606e9a Protanopia 1% of men
#7a6c6c Deuteranopia 1% of men
#c23d40 Tritanopia 0.001% of the population

Trichromacy

#84518b Protanomaly 1% of men, 0.01% of women
#95506e Deuteranomaly 6% of men, 0.4% of women
#c23252 Tritanomaly 0.01% of the population

#c31f71 hex color

#c31f71 Color Information

#c31f71 Color Conversion

Color Schemes with #c31f71

Alternatives to #c31f71

#c31f71 Preview

Shades and Tints of #c31f71

Tones of #c31f71

Color Blindness Simulator