#c31366 hex color

In a RGB color space, hex #c31366 is composed of 76.5% red, 7.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.3% magenta, 47.7% yellow and 23.5% black. It has a hue angle of 331.7 degrees, a saturation of 82.2% and a lightness of 42%. #c31366 color hex could be obtained by blending #ff26cc with #870000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 76
- G 7
- B 40
RGB color chart
- C 0
- M 90
- Y 48
- K 24
CMYK color chart

● #c31366 color description : Strong pink.

The hexadecimal color #c31366 has RGB values of R:195, G:19, B:102 and CMYK values of C:0, M:0.9, Y:0.48, K:0.24. Its decimal value is 12784486.

Hex triplet	c31366	`#c31366`
RGB Decimal	195, 19, 102	`rgb(195,19,102)`
RGB Percent	76.5, 7.5, 40	`rgb(76.5%,7.5%,40%)`
CMYK	0, 90, 48, 24
HSL	331.7°, 82.2, 42	`hsl(331.7,82.2%,42%)`
HSV (or HSB)	331.7°, 90.3, 76.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	42.808, 67.462, 1.026
XYZ	25.138, 13.03, 13.761
xyY	0.484, 0.251, 13.03
CIE-LCH	42.808, 67.469, 0.871
CIE-LUV	42.808, 103.583, -11.42
Hunter-Lab	36.097, 61.136, 2.665
Binary	11000011, 00010011, 01100110

#c31366
```
#c31366 rgb(195,19,102)
```
#13c370
```
#13c370 rgb(19,195,112)
```

Complementary Color

#c313be
```
#c313be rgb(195,19,190)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#c31813
```
#c31813 rgb(195,24,19)
```

Analogous Color

#13bec3
```
#13bec3 rgb(19,190,195)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#13c318
```
#13c318 rgb(19,195,24)
```

Split Complementary Color

#1366c3
```
#1366c3 rgb(19,102,195)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#66c313
```
#66c313 rgb(102,195,19)
```

Triadic Color

#7013c3
```
#7013c3 rgb(112,19,195)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#66c313
```
#66c313 rgb(102,195,19)
```
#13c370
```
#13c370 rgb(19,195,112)
```

Tetradic Color

#7d0c42
```
#7d0c42 rgb(125,12,66)
```
#950e4e
```
#950e4e rgb(149,14,78)
```
#ac115a
```
#ac115a rgb(172,17,90)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#da1572
```
#da1572 rgb(218,21,114)
```
#e9207f
```
#e9207f rgb(233,32,127)
```
#ec378c
```
#ec378c rgb(236,55,140)
```

Monochromatic Color

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

#c31392
```
#c31392 rgb(195,19,146)
```
#c31383
```
#c31383 rgb(195,19,131)
```
#c31375
```
#c31375 rgb(195,19,117)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#c31357
```
#c31357 rgb(195,19,87)
```
#c31349
```
#c31349 rgb(195,19,73)
```
#c3133a
```
#c3133a rgb(195,19,58)
```

Similar Colors

Text with hexadecimal color #c31366

This text has a font color of #c31366.

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

#c31366 background color

This paragraph has a background color of #c31366.

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

#c31366 border color

This element has a border color of #c31366.

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

CSS codes

.text {color:#c31366;}

.background {background-color:#c31366;}

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

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

#100209
```
#100209 rgb(16,2,9)
```
#220312
```
#220312 rgb(34,3,18)
```
#34051b
```
#34051b rgb(52,5,27)
```
#460725
```
#460725 rgb(70,7,37)
```
#58092e
```
#58092e rgb(88,9,46)
```
#6a0a37
```
#6a0a37 rgb(106,10,55)
```
#7c0c41
```
#7c0c41 rgb(124,12,65)
```
#8d0e4a
```
#8d0e4a rgb(141,14,74)
```
#9f1053
```
#9f1053 rgb(159,16,83)
```
#b1115d
```
#b1115d rgb(177,17,93)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#d5156f
```
#d5156f rgb(213,21,111)
```
#e71679
```
#e71679 rgb(231,22,121)
```

Shade Color Variation

#ea2783
```
#ea2783 rgb(234,39,131)
```
#ec398d
```
#ec398d rgb(236,57,141)
```
#ed4b97
```
#ed4b97 rgb(237,75,151)
```
#ef5da2
```
#ef5da2 rgb(239,93,162)
```
#f16eac
```
#f16eac rgb(241,110,172)
```
#f380b6
```
#f380b6 rgb(243,128,182)
```
#f492c0
```
#f492c0 rgb(244,146,192)
```
#f6a4cb
```
#f6a4cb rgb(246,164,203)
```
#f8b6d5
```
#f8b6d5 rgb(248,182,213)
```
#fac8df
```
#fac8df rgb(250,200,223)
```
#fbdaea
```
#fbdaea rgb(251,218,234)
```
#fdecf4
```
#fdecf4 rgb(253,236,244)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#71656b
```
#71656b rgb(113,101,107)
```
#795d6a
```
#795d6a rgb(121,93,106)
```
#81556a
```
#81556a rgb(129,85,106)
```
#894d69
```
#894d69 rgb(137,77,105)
```
#924469
```
#924469 rgb(146,68,105)
```
#9a3c68
```
#9a3c68 rgb(154,60,104)
```
#a23468
```
#a23468 rgb(162,52,104)
```
#aa2c67
```
#aa2c67 rgb(170,44,103)
```
#b32367
```
#b32367 rgb(179,35,103)
```
#bb1b66
```
#bb1b66 rgb(187,27,102)
```
#c31366
```
#c31366 rgb(195,19,102)
```
#cb0b66
```
#cb0b66 rgb(203,11,102)
```
#d30365
```
#d30365 rgb(211,3,101)
```

Tone Color Variation

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

Dichromacy

#616b90 Protanopia 1% of men
#7b6962 Deuteranopia 1% of men
#c33536 Tritanopia 0.001% of the population

Trichromacy

#854b81 Protanomaly 1% of men, 0.01% of women
#954963 Deuteranomaly 6% of men, 0.4% of women
#c32847 Tritanomaly 0.01% of the population

#c31366 hex color

#c31366 Color Information

#c31366 Color Conversion

Color Schemes with #c31366

Alternatives to #c31366

#c31366 Preview

Shades and Tints of #c31366

Tones of #c31366

Color Blindness Simulator