#c31f5f hex color

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

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

● #c31f5f color description : Strong pink.

The hexadecimal color #c31f5f has RGB values of R:195, G:31, B:95 and CMYK values of C:0, M:0.84, Y:0.51, K:0.24. Its decimal value is 12787551.

Hex triplet	c31f5f	`#c31f5f`
RGB Decimal	195, 31, 95	`rgb(195,31,95)`
RGB Percent	76.5, 12.2, 37.3	`rgb(76.5%,12.2%,37.3%)`
CMYK	0, 84, 51, 24
HSL	336.6°, 72.6, 44.3	`hsl(336.6,72.6%,44.3%)`
HSV (or HSB)	336.6°, 84.1, 76.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.376, 64.692, 6.232
XYZ	25.062, 13.411, 12.095
xyY	0.496, 0.265, 13.411
CIE-LCH	43.376, 64.991, 5.502
CIE-LUV	43.376, 103.778, -4.821
Hunter-Lab	36.621, 58.071, 6.053
Binary	11000011, 00011111, 01011111

#c31f5f
```
#c31f5f rgb(195,31,95)
```
#1fc383
```
#1fc383 rgb(31,195,131)
```

Complementary Color

#c31fb1
```
#c31fb1 rgb(195,31,177)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#c3311f
```
#c3311f rgb(195,49,31)
```

Analogous Color

#1fb1c3
```
#1fb1c3 rgb(31,177,195)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#1fc331
```
#1fc331 rgb(31,195,49)
```

Split Complementary Color

#1f5fc3
```
#1f5fc3 rgb(31,95,195)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#5fc31f
```
#5fc31f rgb(95,195,31)
```

Triadic Color

#831fc3
```
#831fc3 rgb(131,31,195)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#5fc31f
```
#5fc31f rgb(95,195,31)
```
#1fc383
```
#1fc383 rgb(31,195,131)
```

Tetradic Color

#81153f
```
#81153f rgb(129,21,63)
```
#97184a
```
#97184a rgb(151,24,74)
```
#ad1c54
```
#ad1c54 rgb(173,28,84)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#d9226a
```
#d9226a rgb(217,34,106)
```
#df3678
```
#df3678 rgb(223,54,120)
```
#e34c87
```
#e34c87 rgb(227,76,135)
```

Monochromatic Color

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

#c31f88
```
#c31f88 rgb(195,31,136)
```
#c31f7a
```
#c31f7a rgb(195,31,122)
```
#c31f6d
```
#c31f6d rgb(195,31,109)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#c31f51
```
#c31f51 rgb(195,31,81)
```
#c31f44
```
#c31f44 rgb(195,31,68)
```
#c31f36
```
#c31f36 rgb(195,31,54)
```

Similar Colors

Text with hexadecimal color #c31f5f

This text has a font color of #c31f5f.

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

#c31f5f background color

This paragraph has a background color of #c31f5f.

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

#c31f5f border color

This element has a border color of #c31f5f.

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

CSS codes

.text {color:#c31f5f;}

.background {background-color:#c31f5f;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1a040d
```
#1a040d rgb(26,4,13)
```
#2b0715
```
#2b0715 rgb(43,7,21)
```
#3c091d
```
#3c091d rgb(60,9,29)
```
#4d0c25
```
#4d0c25 rgb(77,12,37)
```
#5d0f2e
```
#5d0f2e rgb(93,15,46)
```
#6e1236
```
#6e1236 rgb(110,18,54)
```
#7f143e
```
#7f143e rgb(127,20,62)
```
#901746
```
#901746 rgb(144,23,70)
```
#a11a4f
```
#a11a4f rgb(161,26,79)
```
#b21c57
```
#b21c57 rgb(178,28,87)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#d42267
```
#d42267 rgb(212,34,103)
```

Shade Color Variation

#dd2c71
```
#dd2c71 rgb(221,44,113)
```
#e03d7c
```
#e03d7c rgb(224,61,124)
```
#e34e88
```
#e34e88 rgb(227,78,136)
```
#e55f93
```
#e55f93 rgb(229,95,147)
```
#e8709f
```
#e8709f rgb(232,112,159)
```
#eb80aa
```
#eb80aa rgb(235,128,170)
```
#ee91b5
```
#ee91b5 rgb(238,145,181)
```
#f0a2c1
```
#f0a2c1 rgb(240,162,193)
```
#f3b3cc
```
#f3b3cc rgb(243,179,204)
```
#f6c4d7
```
#f6c4d7 rgb(246,196,215)
```
#f8d5e3
```
#f8d5e3 rgb(248,213,227)
```
#fbe6ee
```
#fbe6ee rgb(251,230,238)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#756d70
```
#756d70 rgb(117,109,112)
```
#7d656e
```
#7d656e rgb(125,101,110)
```
#865c6c
```
#865c6c rgb(134,92,108)
```
#8f536a
```
#8f536a rgb(143,83,106)
```
#984a69
```
#984a69 rgb(152,74,105)
```
#a04267
```
#a04267 rgb(160,66,103)
```
#a93965
```
#a93965 rgb(169,57,101)
```
#b23063
```
#b23063 rgb(178,48,99)
```
#ba2861
```
#ba2861 rgb(186,40,97)
```
#c31f5f
```
#c31f5f rgb(195,31,95)
```
#cc165d
```
#cc165d rgb(204,22,93)
```
#d40e5b
```
#d40e5b rgb(212,14,91)
```
#dd0559
```
#dd0559 rgb(221,5,89)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6d4c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686d85 Protanopia 1% of men
#7e6a5c Deuteranopia 1% of men
#c3383a Tritanopia 0.001% of the population

Trichromacy

#895077 Protanomaly 1% of men, 0.01% of women
#974f5d Deuteranomaly 6% of men, 0.4% of women
#c32f47 Tritanomaly 0.01% of the population

#c31f5f hex color

#c31f5f Color Information

#c31f5f Color Conversion

Color Schemes with #c31f5f

Alternatives to #c31f5f

#c31f5f Preview

Shades and Tints of #c31f5f

Tones of #c31f5f

Color Blindness Simulator