#c31557 hex color

In a RGB color space, hex #c31557 is composed of 76.5% red, 8.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 55.4% yellow and 23.5% black. It has a hue angle of 337.2 degrees, a saturation of 80.6% and a lightness of 42.4%. #c31557 color hex could be obtained by blending #ff2aae with #870000. Closest websafe color is: #cc0066.

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

● #c31557 color description : Strong pink.

The hexadecimal color #c31557 has RGB values of R:195, G:21, B:87 and CMYK values of C:0, M:0.89, Y:0.55, K:0.24. Its decimal value is 12784983.

Hex triplet	c31557	`#c31557`
RGB Decimal	195, 21, 87	`rgb(195,21,87)`
RGB Percent	76.5, 8.2, 34.1	`rgb(76.5%,8.2%,34.1%)`
CMYK	0, 89, 55, 24
HSL	337.2°, 80.6, 42.4	`hsl(337.2,80.6%,42.4%)`
HSV (or HSB)	337.2°, 89.2, 76.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	42.505, 66.011, 10.03
XYZ	24.495, 12.829, 10.203
xyY	0.515, 0.27, 12.829
CIE-LCH	42.505, 66.768, 8.639
CIE-LUV	42.505, 109.391, -1.048
Hunter-Lab	35.818, 59.389, 8.184
Binary	11000011, 00010101, 01010111

#c31557
```
#c31557 rgb(195,21,87)
```
#15c381
```
#15c381 rgb(21,195,129)
```

Complementary Color

#c315ae
```
#c315ae rgb(195,21,174)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#c32a15
```
#c32a15 rgb(195,42,21)
```

Analogous Color

#15aec3
```
#15aec3 rgb(21,174,195)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#15c32a
```
#15c32a rgb(21,195,42)
```

Split Complementary Color

#1557c3
```
#1557c3 rgb(21,87,195)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#57c315
```
#57c315 rgb(87,195,21)
```

Triadic Color

#8115c3
```
#8115c3 rgb(129,21,195)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#57c315
```
#57c315 rgb(87,195,21)
```
#15c381
```
#15c381 rgb(21,195,129)
```

Tetradic Color

#7e0e38
```
#7e0e38 rgb(126,14,56)
```
#951042
```
#951042 rgb(149,16,66)
```
#ac134d
```
#ac134d rgb(172,19,77)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#da1761
```
#da1761 rgb(218,23,97)
```
#e7246e
```
#e7246e rgb(231,36,110)
```
#ea3b7d
```
#ea3b7d rgb(234,59,125)
```

Monochromatic Color

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

#c31583
```
#c31583 rgb(195,21,131)
```
#c31574
```
#c31574 rgb(195,21,116)
```
#c31566
```
#c31566 rgb(195,21,102)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#c31549
```
#c31549 rgb(195,21,73)
```
#c3153a
```
#c3153a rgb(195,21,58)
```
#c3152c
```
#c3152c rgb(195,21,44)
```

Similar Colors

Text with hexadecimal color #c31557

This text has a font color of #c31557.

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

#c31557 background color

This paragraph has a background color of #c31557.

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

#c31557 border color

This element has a border color of #c31557.

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

CSS codes

.text {color:#c31557;}

.background {background-color:#c31557;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120208
```
#120208 rgb(18,2,8)
```
#240410
```
#240410 rgb(36,4,16)
```
#350618
```
#350618 rgb(53,6,24)
```
#470820
```
#470820 rgb(71,8,32)
```
#590a28
```
#590a28 rgb(89,10,40)
```
#6a0b2f
```
#6a0b2f rgb(106,11,47)
```
#7c0d37
```
#7c0d37 rgb(124,13,55)
```
#8e0f3f
```
#8e0f3f rgb(142,15,63)
```
#a01147
```
#a01147 rgb(160,17,71)
```
#b1134f
```
#b1134f rgb(177,19,79)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#d5175f
```
#d5175f rgb(213,23,95)
```

Shade Color Variation

#e61967
```
#e61967 rgb(230,25,103)
```
#e82b73
```
#e82b73 rgb(232,43,115)
```
#ea3c7e
```
#ea3c7e rgb(234,60,126)
```
#ec4e8a
```
#ec4e8a rgb(236,78,138)
```
#ee6096
```
#ee6096 rgb(238,96,150)
```
#f072a1
```
#f072a1 rgb(240,114,161)
```
#f283ad
```
#f283ad rgb(242,131,173)
```
#f495b9
```
#f495b9 rgb(244,149,185)
```
#f5a7c5
```
#f5a7c5 rgb(245,167,197)
```
#f7b8d0
```
#f7b8d0 rgb(247,184,208)
```
#f9cadc
```
#f9cadc rgb(249,202,220)
```
#fbdce8
```
#fbdce8 rgb(251,220,232)
```
#fdeef3
```
#fdeef3 rgb(253,238,243)
```

Tint Color Variation

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

#70686b
```
#70686b rgb(112,104,107)
```
#786069
```
#786069 rgb(120,96,105)
```
#815767
```
#815767 rgb(129,87,103)
```
#894f65
```
#894f65 rgb(137,79,101)
```
#914763
```
#914763 rgb(145,71,99)
```
#993f61
```
#993f61 rgb(153,63,97)
```
#a2365f
```
#a2365f rgb(162,54,95)
```
#aa2e5d
```
#aa2e5d rgb(170,46,93)
```
#b2265b
```
#b2265b rgb(178,38,91)
```
#bb1d59
```
#bb1d59 rgb(187,29,89)
```
#c31557
```
#c31557 rgb(195,21,87)
```
#cb0d55
```
#cb0d55 rgb(203,13,85)
```
#d40453
```
#d40453 rgb(212,4,83)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#684552 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

#894c6f Protanomaly 1% of men, 0.01% of women
#974a55 Deuteranomaly 6% of men, 0.4% of women
#c3263f Tritanomaly 0.01% of the population

#c31557 hex color

#c31557 Color Information

#c31557 Color Conversion

Color Schemes with #c31557

Alternatives to #c31557

#c31557 Preview

Shades and Tints of #c31557

Tones of #c31557

Color Blindness Simulator