#c31457 hex color

In a RGB color space, hex #c31457 is composed of 76.5% red, 7.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 55.4% yellow and 23.5% black. It has a hue angle of 337 degrees, a saturation of 81.4% and a lightness of 42.2%. #c31457 color hex could be obtained by blending #ff28ae with #870000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 76
- G 8
- B 34
RGB color chart
- C 0
- M 90
- Y 55
- K 24
CMYK color chart

● #c31457 color description : Strong pink.

The hexadecimal color #c31457 has RGB values of R:195, G:20, B:87 and CMYK values of C:0, M:0.9, Y:0.55, K:0.24. Its decimal value is 12784727.

Hex triplet	c31457	`#c31457`
RGB Decimal	195, 20, 87	`rgb(195,20,87)`
RGB Percent	76.5, 7.8, 34.1	`rgb(76.5%,7.8%,34.1%)`
CMYK	0, 90, 55, 24
HSL	337°, 81.4, 42.2	`hsl(337,81.4%,42.2%)`
HSV (or HSB)	337°, 89.7, 76.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	42.45, 66.169, 9.953
XYZ	24.477, 12.793, 10.197
xyY	0.516, 0.27, 12.793
CIE-LCH	42.45, 66.913, 8.554
CIE-LUV	42.45, 109.598, -1.17
Hunter-Lab	35.768, 59.559, 8.135
Binary	11000011, 00010100, 01010111

#c31457
```
#c31457 rgb(195,20,87)
```
#14c380
```
#14c380 rgb(20,195,128)
```

Complementary Color

#c314af
```
#c314af rgb(195,20,175)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#c32914
```
#c32914 rgb(195,41,20)
```

Analogous Color

#14afc3
```
#14afc3 rgb(20,175,195)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#14c329
```
#14c329 rgb(20,195,41)
```

Split Complementary Color

#1457c3
```
#1457c3 rgb(20,87,195)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#57c314
```
#57c314 rgb(87,195,20)
```

Triadic Color

#8014c3
```
#8014c3 rgb(128,20,195)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#57c314
```
#57c314 rgb(87,195,20)
```
#14c380
```
#14c380 rgb(20,195,128)
```

Tetradic Color

#7e0d38
```
#7e0d38 rgb(126,13,56)
```
#950f42
```
#950f42 rgb(149,15,66)
```
#ac124d
```
#ac124d rgb(172,18,77)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#da1661
```
#da1661 rgb(218,22,97)
```
#e8226e
```
#e8226e rgb(232,34,110)
```
#eb397d
```
#eb397d rgb(235,57,125)
```

Monochromatic Color

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

#c31483
```
#c31483 rgb(195,20,131)
```
#c31474
```
#c31474 rgb(195,20,116)
```
#c31466
```
#c31466 rgb(195,20,102)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#c31448
```
#c31448 rgb(195,20,72)
```
#c3143a
```
#c3143a rgb(195,20,58)
```
#c3142b
```
#c3142b rgb(195,20,43)
```

Similar Colors

Text with hexadecimal color #c31457

This text has a font color of #c31457.

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

#c31457 background color

This paragraph has a background color of #c31457.

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

#c31457 border color

This element has a border color of #c31457.

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

CSS codes

.text {color:#c31457;}

.background {background-color:#c31457;}

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

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

#110208
```
#110208 rgb(17,2,8)
```
#230410
```
#230410 rgb(35,4,16)
```
#350518
```
#350518 rgb(53,5,24)
```
#46071f
```
#46071f rgb(70,7,31)
```
#580927
```
#580927 rgb(88,9,39)
```
#6a0b2f
```
#6a0b2f rgb(106,11,47)
```
#7c0d37
```
#7c0d37 rgb(124,13,55)
```
#8e0f3f
```
#8e0f3f rgb(142,15,63)
```
#9f1047
```
#9f1047 rgb(159,16,71)
```
#b1124f
```
#b1124f rgb(177,18,79)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#d5165f
```
#d5165f rgb(213,22,95)
```
#e71867
```
#e71867 rgb(231,24,103)
```

Shade Color Variation

#e92972
```
#e92972 rgb(233,41,114)
```
#eb3b7e
```
#eb3b7e rgb(235,59,126)
```
#ed4c8a
```
#ed4c8a rgb(237,76,138)
```
#ef5e95
```
#ef5e95 rgb(239,94,149)
```
#f070a1
```
#f070a1 rgb(240,112,161)
```
#f282ad
```
#f282ad rgb(242,130,173)
```
#f494b8
```
#f494b8 rgb(244,148,184)
```
#f6a5c4
```
#f6a5c4 rgb(246,165,196)
```
#f8b7d0
```
#f8b7d0 rgb(248,183,208)
```
#f9c9dc
```
#f9c9dc rgb(249,201,220)
```
#fbdbe7
```
#fbdbe7 rgb(251,219,231)
```
#fdedf3
```
#fdedf3 rgb(253,237,243)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#70676a
```
#70676a rgb(112,103,106)
```
#795e68
```
#795e68 rgb(121,94,104)
```
#815666
```
#815666 rgb(129,86,102)
```
#894e65
```
#894e65 rgb(137,78,101)
```
#914663
```
#914663 rgb(145,70,99)
```
#9a3d61
```
#9a3d61 rgb(154,61,97)
```
#a2355f
```
#a2355f rgb(162,53,95)
```
#aa2d5d
```
#aa2d5d rgb(170,45,93)
```
#b2255b
```
#b2255b rgb(178,37,91)
```
#bb1c59
```
#bb1c59 rgb(187,28,89)
```
#c31457
```
#c31457 rgb(195,20,87)
```
#cb0c55
```
#cb0c55 rgb(203,12,85)
```
#d40353
```
#d40353 rgb(212,3,83)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#674451 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7e Protanopia 1% of men
#7e6854 Deuteranopia 1% of men
#c43031 Tritanopia 0.001% of the population

Trichromacy

#894b70 Protanomaly 1% of men, 0.01% of women
#974955 Deuteranomaly 6% of men, 0.4% of women
#c3263e Tritanomaly 0.01% of the population

#c31457 hex color

#c31457 Color Information

#c31457 Color Conversion

Color Schemes with #c31457

Alternatives to #c31457

#c31457 Preview

Shades and Tints of #c31457

Tones of #c31457

Color Blindness Simulator