#c31f76 hex color

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

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

● #c31f76 color description : Strong pink.

The hexadecimal color #c31f76 has RGB values of R:195, G:31, B:118 and CMYK values of C:0, M:0.84, Y:0.39, K:0.24. Its decimal value is 12787574.

Hex triplet	c31f76	`#c31f76`
RGB Decimal	195, 31, 118	`rgb(195,31,118)`
RGB Percent	76.5, 12.2, 46.3	`rgb(76.5%,12.2%,46.3%)`
CMYK	0, 84, 39, 24
HSL	328.2°, 72.6, 44.3	`hsl(328.2,72.6%,44.3%)`
HSV (or HSB)	328.2°, 84.1, 76.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.079, 66.719, -7.063
XYZ	26.266, 13.893, 18.437
xyY	0.448, 0.237, 13.893
CIE-LCH	44.079, 67.092, 353.957
CIE-LUV	44.079, 94.258, -21.279
Hunter-Lab	37.273, 60.561, -3.236
Binary	11000011, 00011111, 01110110

#c31f76
```
#c31f76 rgb(195,31,118)
```
#1fc36c
```
#1fc36c rgb(31,195,108)
```

Complementary Color

#be1fc3
```
#be1fc3 rgb(190,31,195)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#c31f24
```
#c31f24 rgb(195,31,36)
```

Analogous Color

#1fc3be
```
#1fc3be rgb(31,195,190)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#24c31f
```
#24c31f rgb(36,195,31)
```

Split Complementary Color

#1f76c3
```
#1f76c3 rgb(31,118,195)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#76c31f
```
#76c31f rgb(118,195,31)
```

Triadic Color

#6c1fc3
```
#6c1fc3 rgb(108,31,195)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#76c31f
```
#76c31f rgb(118,195,31)
```
#1fc36c
```
#1fc36c rgb(31,195,108)
```

Tetradic Color

#81154e
```
#81154e rgb(129,21,78)
```
#97185b
```
#97185b rgb(151,24,91)
```
#ad1c69
```
#ad1c69 rgb(173,28,105)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#d92283
```
#d92283 rgb(217,34,131)
```
#df3690
```
#df3690 rgb(223,54,144)
```
#e34c9c
```
#e34c9c rgb(227,76,156)
```

Monochromatic Color

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

#c31f9f
```
#c31f9f rgb(195,31,159)
```
#c31f91
```
#c31f91 rgb(195,31,145)
```
#c31f84
```
#c31f84 rgb(195,31,132)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#c31f68
```
#c31f68 rgb(195,31,104)
```
#c31f5b
```
#c31f5b rgb(195,31,91)
```
#c31f4d
```
#c31f4d rgb(195,31,77)
```

Similar Colors

Text with hexadecimal color #c31f76

This text has a font color of #c31f76.

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

#c31f76 background color

This paragraph has a background color of #c31f76.

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

#c31f76 border color

This element has a border color of #c31f76.

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

CSS codes

.text {color:#c31f76;}

.background {background-color:#c31f76;}

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

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 #fef7fb is the lightest one.

#090105
```
#090105 rgb(9,1,5)
```
#1a0410
```
#1a0410 rgb(26,4,16)
```
#2b071a
```
#2b071a rgb(43,7,26)
```
#3c0924
```
#3c0924 rgb(60,9,36)
```
#4d0c2e
```
#4d0c2e rgb(77,12,46)
```
#5d0f39
```
#5d0f39 rgb(93,15,57)
```
#6e1243
```
#6e1243 rgb(110,18,67)
```
#7f144d
```
#7f144d rgb(127,20,77)
```
#901757
```
#901757 rgb(144,23,87)
```
#a11a62
```
#a11a62 rgb(161,26,98)
```
#b21c6c
```
#b21c6c rgb(178,28,108)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#d42280
```
#d42280 rgb(212,34,128)
```

Shade Color Variation

#dd2c8a
```
#dd2c8a rgb(221,44,138)
```
#e03d93
```
#e03d93 rgb(224,61,147)
```
#e34e9d
```
#e34e9d rgb(227,78,157)
```
#e55fa6
```
#e55fa6 rgb(229,95,166)
```
#e870b0
```
#e870b0 rgb(232,112,176)
```
#eb80b9
```
#eb80b9 rgb(235,128,185)
```
#ee91c2
```
#ee91c2 rgb(238,145,194)
```
#f0a2cc
```
#f0a2cc rgb(240,162,204)
```
#f3b3d5
```
#f3b3d5 rgb(243,179,213)
```
#f6c4de
```
#f6c4de rgb(246,196,222)
```
#f8d5e8
```
#f8d5e8 rgb(248,213,232)
```
#fbe6f1
```
#fbe6f1 rgb(251,230,241)
```
#fef7fb
```
#fef7fb rgb(254,247,251)
```

Tint Color Variation

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

#756d71
```
#756d71 rgb(117,109,113)
```
#7d6572
```
#7d6572 rgb(125,101,114)
```
#865c72
```
#865c72 rgb(134,92,114)
```
#8f5373
```
#8f5373 rgb(143,83,115)
```
#984a73
```
#984a73 rgb(152,74,115)
```
#a04274
```
#a04274 rgb(160,66,116)
```
#a93974
```
#a93974 rgb(169,57,116)
```
#b23075
```
#b23075 rgb(178,48,117)
```
#ba2875
```
#ba2875 rgb(186,40,117)
```
#c31f76
```
#c31f76 rgb(195,31,118)
```
#cc1677
```
#cc1677 rgb(204,22,119)
```
#d40e77
```
#d40e77 rgb(212,14,119)
```
#dd0578
```
#dd0578 rgb(221,5,120)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6f4e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6ea0 Protanopia 1% of men
#796c71 Deuteranopia 1% of men
#c23f42 Tritanopia 0.001% of the population

Trichromacy

#825191 Protanomaly 1% of men, 0.01% of women
#945073 Deuteranomaly 6% of men, 0.4% of women
#c23355 Tritanomaly 0.01% of the population

#c31f76 hex color

#c31f76 Color Information

#c31f76 Color Conversion

Color Schemes with #c31f76

Alternatives to #c31f76

#c31f76 Preview

Shades and Tints of #c31f76

Tones of #c31f76

Color Blindness Simulator