colorhexa.com

#c31568 hex color

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

- R 76
- G 8
- B 41
RGB color chart
- C 0
- M 89
- Y 47
- K 24
CMYK color chart

● #c31568 color description : Strong pink.

The hexadecimal color #c31568 has RGB values of R:195, G:21, B:104 and CMYK values of C:0, M:0.89, Y:0.47, K:0.24. Its decimal value is 12785000.

Hex triplet	c31568	`#c31568`
RGB Decimal	195, 21, 104	`rgb(195,21,104)`
RGB Percent	76.5, 8.2, 40.8	`rgb(76.5%,8.2%,40.8%)`
CMYK	0, 89, 47, 24
HSL	331.4°, 80.6, 42.4	`hsl(331.4,80.6%,42.4%)`
HSV (or HSB)	331.4°, 89.2, 76.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	42.975, 67.322, 0.015
XYZ	25.273, 13.141, 14.302
xyY	0.479, 0.249, 13.141
CIE-LCH	42.975, 67.322, 0.013
CIE-LUV	42.975, 102.364, -12.589
Hunter-Lab	36.25, 61.011, 1.984
Binary	11000011, 00010101, 01101000

#c31568
```
#c31568 rgb(195,21,104)
```
#15c370
```
#15c370 rgb(21,195,112)
```

Complementary Color

#c315bf
```
#c315bf rgb(195,21,191)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#c31915
```
#c31915 rgb(195,25,21)
```

Analogous Color

#15bfc3
```
#15bfc3 rgb(21,191,195)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#15c319
```
#15c319 rgb(21,195,25)
```

Split Complementary Color

#1568c3
```
#1568c3 rgb(21,104,195)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#68c315
```
#68c315 rgb(104,195,21)
```

Triadic Color

#7015c3
```
#7015c3 rgb(112,21,195)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#68c315
```
#68c315 rgb(104,195,21)
```
#15c370
```
#15c370 rgb(21,195,112)
```

Tetradic Color

#7e0e43
```
#7e0e43 rgb(126,14,67)
```
#95104f
```
#95104f rgb(149,16,79)
```
#ac135c
```
#ac135c rgb(172,19,92)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#da1774
```
#da1774 rgb(218,23,116)
```
#e72481
```
#e72481 rgb(231,36,129)
```
#ea3b8e
```
#ea3b8e rgb(234,59,142)
```

Monochromatic Color

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

#c31594
```
#c31594 rgb(195,21,148)
```
#c31585
```
#c31585 rgb(195,21,133)
```
#c31577
```
#c31577 rgb(195,21,119)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#c3155a
```
#c3155a rgb(195,21,90)
```
#c3154b
```
#c3154b rgb(195,21,75)
```
#c3153d
```
#c3153d rgb(195,21,61)
```

Similar Colors

Text with hexadecimal color #c31568

This text has a font color of #c31568.

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

#c31568 background color

This paragraph has a background color of #c31568.

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

#c31568 border color

This element has a border color of #c31568.

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

CSS codes

.text {color:#c31568;}

.background {background-color:#c31568;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#12020a
```
#12020a rgb(18,2,10)
```
#240413
```
#240413 rgb(36,4,19)
```
#35061c
```
#35061c rgb(53,6,28)
```
#470826
```
#470826 rgb(71,8,38)
```
#590a2f
```
#590a2f rgb(89,10,47)
```
#6a0b39
```
#6a0b39 rgb(106,11,57)
```
#7c0d42
```
#7c0d42 rgb(124,13,66)
```
#8e0f4c
```
#8e0f4c rgb(142,15,76)
```
#a01155
```
#a01155 rgb(160,17,85)
```
#b1135f
```
#b1135f rgb(177,19,95)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#d51771
```
#d51771 rgb(213,23,113)
```

Shade Color Variation

#e6197b
```
#e6197b rgb(230,25,123)
```
#e82b85
```
#e82b85 rgb(232,43,133)
```
#ea3c8f
```
#ea3c8f rgb(234,60,143)
```
#ec4e99
```
#ec4e99 rgb(236,78,153)
```
#ee60a4
```
#ee60a4 rgb(238,96,164)
```
#f072ae
```
#f072ae rgb(240,114,174)
```
#f283b8
```
#f283b8 rgb(242,131,184)
```
#f495c2
```
#f495c2 rgb(244,149,194)
```
#f5a7cc
```
#f5a7cc rgb(245,167,204)
```
#f7b8d6
```
#f7b8d6 rgb(247,184,214)
```
#f9cae1
```
#f9cae1 rgb(249,202,225)
```
#fbdceb
```
#fbdceb rgb(251,220,235)
```
#fdeef5
```
#fdeef5 rgb(253,238,245)
```

Tint Color Variation

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

#70686c
```
#70686c rgb(112,104,108)
```
#78606b
```
#78606b rgb(120,96,107)
```
#81576b
```
#81576b rgb(129,87,107)
```
#894f6b
```
#894f6b rgb(137,79,107)
```
#91476a
```
#91476a rgb(145,71,106)
```
#993f6a
```
#993f6a rgb(153,63,106)
```
#a2366a
```
#a2366a rgb(162,54,106)
```
#aa2e69
```
#aa2e69 rgb(170,46,105)
```
#b22669
```
#b22669 rgb(178,38,105)
```
#bb1d68
```
#bb1d68 rgb(187,29,104)
```
#c31568
```
#c31568 rgb(195,21,104)
```
#cb0d68
```
#cb0d68 rgb(203,13,104)
```
#d40467
```
#d40467 rgb(212,4,103)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#694656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616c92 Protanopia 1% of men
#7b6964 Deuteranopia 1% of men
#c33638 Tritanopia 0.001% of the population

Trichromacy

#844c83 Protanomaly 1% of men, 0.01% of women
#954b65 Deuteranomaly 6% of men, 0.4% of women
#c32a49 Tritanomaly 0.01% of the population