#c31f6a hex color

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

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

● #c31f6a color description : Strong pink.

The hexadecimal color #c31f6a has RGB values of R:195, G:31, B:106 and CMYK values of C:0, M:0.84, Y:0.46, K:0.24. Its decimal value is 12787562.

Hex triplet	c31f6a	`#c31f6a`
RGB Decimal	195, 31, 106	`rgb(195,31,106)`
RGB Percent	76.5, 12.2, 41.6	`rgb(76.5%,12.2%,41.6%)`
CMYK	0, 84, 46, 24
HSL	332.6°, 72.6, 44.3	`hsl(332.6,72.6%,44.3%)`
HSV (or HSB)	332.6°, 84.1, 76.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.691, 65.605, -0.187
XYZ	25.598, 13.625, 14.917
xyY	0.473, 0.252, 13.625
CIE-LCH	43.691, 65.605, 359.836
CIE-LUV	43.691, 99.317, -12.481
Hunter-Lab	36.913, 59.188, 1.879
Binary	11000011, 00011111, 01101010

#c31f6a
```
#c31f6a rgb(195,31,106)
```
#1fc378
```
#1fc378 rgb(31,195,120)
```

Complementary Color

#c31fbc
```
#c31fbc rgb(195,31,188)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#c3261f
```
#c3261f rgb(195,38,31)
```

Analogous Color

#1fbcc3
```
#1fbcc3 rgb(31,188,195)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#1fc326
```
#1fc326 rgb(31,195,38)
```

Split Complementary Color

#1f6ac3
```
#1f6ac3 rgb(31,106,195)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#6ac31f
```
#6ac31f rgb(106,195,31)
```

Triadic Color

#781fc3
```
#781fc3 rgb(120,31,195)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#6ac31f
```
#6ac31f rgb(106,195,31)
```
#1fc378
```
#1fc378 rgb(31,195,120)
```

Tetradic Color

#811546
```
#811546 rgb(129,21,70)
```
#971852
```
#971852 rgb(151,24,82)
```
#ad1c5e
```
#ad1c5e rgb(173,28,94)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#d92276
```
#d92276 rgb(217,34,118)
```
#df3683
```
#df3683 rgb(223,54,131)
```
#e34c91
```
#e34c91 rgb(227,76,145)
```

Monochromatic Color

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

#c31f93
```
#c31f93 rgb(195,31,147)
```
#c31f85
```
#c31f85 rgb(195,31,133)
```
#c31f78
```
#c31f78 rgb(195,31,120)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#c31f5c
```
#c31f5c rgb(195,31,92)
```
#c31f4f
```
#c31f4f rgb(195,31,79)
```
#c31f41
```
#c31f41 rgb(195,31,65)
```

Similar Colors

Text with hexadecimal color #c31f6a

This text has a font color of #c31f6a.

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

#c31f6a background color

This paragraph has a background color of #c31f6a.

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

#c31f6a border color

This element has a border color of #c31f6a.

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

CSS codes

.text {color:#c31f6a;}

.background {background-color:#c31f6a;}

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

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)
```
#1a040e
```
#1a040e rgb(26,4,14)
```
#2b0717
```
#2b0717 rgb(43,7,23)
```
#3c0920
```
#3c0920 rgb(60,9,32)
```
#4d0c2a
```
#4d0c2a rgb(77,12,42)
```
#5d0f33
```
#5d0f33 rgb(93,15,51)
```
#6e123c
```
#6e123c rgb(110,18,60)
```
#7f1445
```
#7f1445 rgb(127,20,69)
```
#90174e
```
#90174e rgb(144,23,78)
```
#a11a58
```
#a11a58 rgb(161,26,88)
```
#b21c61
```
#b21c61 rgb(178,28,97)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#d42273
```
#d42273 rgb(212,34,115)
```

Shade Color Variation

#dd2c7d
```
#dd2c7d rgb(221,44,125)
```
#e03d87
```
#e03d87 rgb(224,61,135)
```
#e34e92
```
#e34e92 rgb(227,78,146)
```
#e55f9c
```
#e55f9c rgb(229,95,156)
```
#e870a7
```
#e870a7 rgb(232,112,167)
```
#eb80b1
```
#eb80b1 rgb(235,128,177)
```
#ee91bc
```
#ee91bc rgb(238,145,188)
```
#f0a2c6
```
#f0a2c6 rgb(240,162,198)
```
#f3b3d0
```
#f3b3d0 rgb(243,179,208)
```
#f6c4db
```
#f6c4db rgb(246,196,219)
```
#f8d5e5
```
#f8d5e5 rgb(248,213,229)
```
#fbe6f0
```
#fbe6f0 rgb(251,230,240)
```
#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 #dd0568 is the most saturated one.

#756d71
```
#756d71 rgb(117,109,113)
```
#7d6570
```
#7d6570 rgb(125,101,112)
```
#865c6f
```
#865c6f rgb(134,92,111)
```
#8f536e
```
#8f536e rgb(143,83,110)
```
#984a6e
```
#984a6e rgb(152,74,110)
```
#a0426d
```
#a0426d rgb(160,66,109)
```
#a9396c
```
#a9396c rgb(169,57,108)
```
#b2306b
```
#b2306b rgb(178,48,107)
```
#ba286b
```
#ba286b rgb(186,40,107)
```
#c31f6a
```
#c31f6a rgb(195,31,106)
```
#cc1669
```
#cc1669 rgb(204,22,105)
```
#d40e69
```
#d40e69 rgb(212,14,105)
```
#dd0568
```
#dd0568 rgb(221,5,104)
```

Tone Color Variation

Below, you can see how #c31f6a 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
#6e4d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#636d92 Protanopia 1% of men
#7c6b66 Deuteranopia 1% of men
#c33b3d Tritanopia 0.001% of the population

Trichromacy

#865183 Protanomaly 1% of men, 0.01% of women
#964f67 Deuteranomaly 6% of men, 0.4% of women
#c3314d Tritanomaly 0.01% of the population

#c31f6a hex color

#c31f6a Color Information

#c31f6a Color Conversion

Color Schemes with #c31f6a

Alternatives to #c31f6a

#c31f6a Preview

Shades and Tints of #c31f6a

Tones of #c31f6a

Color Blindness Simulator