#c31493 hex color

In a RGB color space, hex #c31493 is composed of 76.5% red, 7.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 24.6% yellow and 23.5% black. It has a hue angle of 316.5 degrees, a saturation of 81.4% and a lightness of 42.2%. #c31493 color hex could be obtained by blending #ff28ff with #870027. Closest websafe color is: #cc0099.

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

● #c31493 color description : Strong pink.

The hexadecimal color #c31493 has RGB values of R:195, G:20, B:147 and CMYK values of C:0, M:0.9, Y:0.25, K:0.24. Its decimal value is 12784787.

Hex triplet	c31493	`#c31493`
RGB Decimal	195, 20, 147	`rgb(195,20,147)`
RGB Percent	76.5, 7.8, 57.6	`rgb(76.5%,7.8%,57.6%)`
CMYK	0, 90, 25, 24
HSL	316.5°, 81.4, 42.2	`hsl(316.5,81.4%,42.2%)`
HSV (or HSB)	316.5°, 89.7, 76.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.535, 71.856, -24.116
XYZ	28.023, 14.212, 28.87
xyY	0.394, 0.2, 14.212
CIE-LCH	44.535, 75.795, 341.448
CIE-LUV	44.535, 83.428, -45.246
Hunter-Lab	37.698, 66.714, -19.016
Binary	11000011, 00010100, 10010011

#c31493
```
#c31493 rgb(195,20,147)
```
#14c344
```
#14c344 rgb(20,195,68)
```

Complementary Color

#9c14c3
```
#9c14c3 rgb(156,20,195)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#c3143c
```
#c3143c rgb(195,20,60)
```

Analogous Color

#14c39c
```
#14c39c rgb(20,195,156)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#3cc314
```
#3cc314 rgb(60,195,20)
```

Split Complementary Color

#1493c3
```
#1493c3 rgb(20,147,195)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#93c314
```
#93c314 rgb(147,195,20)
```

Triadic Color

#4414c3
```
#4414c3 rgb(68,20,195)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#93c314
```
#93c314 rgb(147,195,20)
```
#14c344
```
#14c344 rgb(20,195,68)
```

Tetradic Color

#7e0d5f
```
#7e0d5f rgb(126,13,95)
```
#950f70
```
#950f70 rgb(149,15,112)
```
#ac1282
```
#ac1282 rgb(172,18,130)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#da16a4
```
#da16a4 rgb(218,22,164)
```
#e822b2
```
#e822b2 rgb(232,34,178)
```
#eb39ba
```
#eb39ba rgb(235,57,186)
```

Monochromatic Color

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

#c314bf
```
#c314bf rgb(195,20,191)
```
#c314b0
```
#c314b0 rgb(195,20,176)
```
#c314a2
```
#c314a2 rgb(195,20,162)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#c31484
```
#c31484 rgb(195,20,132)
```
#c31476
```
#c31476 rgb(195,20,118)
```
#c31467
```
#c31467 rgb(195,20,103)
```

Similar Colors

Text with hexadecimal color #c31493

This text has a font color of #c31493.

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

#c31493 background color

This paragraph has a background color of #c31493.

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

#c31493 border color

This element has a border color of #c31493.

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

CSS codes

.text {color:#c31493;}

.background {background-color:#c31493;}

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

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

#11020d
```
#11020d rgb(17,2,13)
```
#23041a
```
#23041a rgb(35,4,26)
```
#350528
```
#350528 rgb(53,5,40)
```
#460735
```
#460735 rgb(70,7,53)
```
#580943
```
#580943 rgb(88,9,67)
```
#6a0b50
```
#6a0b50 rgb(106,11,80)
```
#7c0d5d
```
#7c0d5d rgb(124,13,93)
```
#8e0f6b
```
#8e0f6b rgb(142,15,107)
```
#9f1078
```
#9f1078 rgb(159,16,120)
```
#b11286
```
#b11286 rgb(177,18,134)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#d516a0
```
#d516a0 rgb(213,22,160)
```
#e718ae
```
#e718ae rgb(231,24,174)
```

Shade Color Variation

#e929b4
```
#e929b4 rgb(233,41,180)
```
#eb3bbb
```
#eb3bbb rgb(235,59,187)
```
#ed4cc1
```
#ed4cc1 rgb(237,76,193)
```
#ef5ec7
```
#ef5ec7 rgb(239,94,199)
```
#f070cd
```
#f070cd rgb(240,112,205)
```
#f282d3
```
#f282d3 rgb(242,130,211)
```
#f494da
```
#f494da rgb(244,148,218)
```
#f6a5e0
```
#f6a5e0 rgb(246,165,224)
```
#f8b7e6
```
#f8b7e6 rgb(248,183,230)
```
#f9c9ec
```
#f9c9ec rgb(249,201,236)
```
#fbdbf2
```
#fbdbf2 rgb(251,219,242)
```
#fdedf9
```
#fdedf9 rgb(253,237,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#70676e
```
#70676e rgb(112,103,110)
```
#795e71
```
#795e71 rgb(121,94,113)
```
#815675
```
#815675 rgb(129,86,117)
```
#894e79
```
#894e79 rgb(137,78,121)
```
#91467d
```
#91467d rgb(145,70,125)
```
#9a3d80
```
#9a3d80 rgb(154,61,128)
```
#a23584
```
#a23584 rgb(162,53,132)
```
#aa2d88
```
#aa2d88 rgb(170,45,136)
```
#b2258c
```
#b2258c rgb(178,37,140)
```
#bb1c8f
```
#bb1c8f rgb(187,28,143)
```
#c31493
```
#c31493 rgb(195,20,147)
```
#cb0c97
```
#cb0c97 rgb(203,12,151)
```
#d4039a
```
#d4039a rgb(212,3,154)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6d4a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d6ec6 Protanopia 1% of men
#6d6f8a Deuteranopia 1% of men
#bf4548 Tritanopia 0.001% of the population

Trichromacy

#6d4db3 Protanomaly 1% of men, 0.01% of women
#8c4d8d Deuteranomaly 6% of men, 0.4% of women
#c03363 Tritanomaly 0.01% of the population

#c31493 hex color

#c31493 Color Information

#c31493 Color Conversion

Color Schemes with #c31493

Alternatives to #c31493

#c31493 Preview

Shades and Tints of #c31493

Tones of #c31493

Color Blindness Simulator