#c31688 hex color

In a RGB color space, hex #c31688 is composed of 76.5% red, 8.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 30.3% yellow and 23.5% black. It has a hue angle of 320.5 degrees, a saturation of 79.7% and a lightness of 42.5%. #c31688 color hex could be obtained by blending #ff2cff with #870011. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 76
- G 9
- B 53
RGB color chart
- C 0
- M 89
- Y 30
- K 24
CMYK color chart

● #c31688 color description : Strong pink.

The hexadecimal color #c31688 has RGB values of R:195, G:22, B:136 and CMYK values of C:0, M:0.89, Y:0.3, K:0.24. Its decimal value is 12785288.

Hex triplet	c31688	`#c31688`
RGB Decimal	195, 22, 136	`rgb(195,22,136)`
RGB Percent	76.5, 8.6, 53.3	`rgb(76.5%,8.6%,53.3%)`
CMYK	0, 89, 30, 24
HSL	320.5°, 79.7, 42.5	`hsl(320.5,79.7%,42.5%)`
HSV (or HSB)	320.5°, 88.7, 76.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.17, 70.289, -17.989
XYZ	27.237, 13.956, 24.551
xyY	0.414, 0.212, 13.956
CIE-LCH	44.17, 72.554, 345.645
CIE-LUV	44.17, 88.051, -36.439
Hunter-Lab	37.358, 64.764, -12.813
Binary	11000011, 00010110, 10001000

#c31688
```
#c31688 rgb(195,22,136)
```
#16c351
```
#16c351 rgb(22,195,81)
```

Complementary Color

#a816c3
```
#a816c3 rgb(168,22,195)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#c31632
```
#c31632 rgb(195,22,50)
```

Analogous Color

#16c3a8
```
#16c3a8 rgb(22,195,168)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#32c316
```
#32c316 rgb(50,195,22)
```

Split Complementary Color

#1688c3
```
#1688c3 rgb(22,136,195)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#88c316
```
#88c316 rgb(136,195,22)
```

Triadic Color

#5116c3
```
#5116c3 rgb(81,22,195)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#88c316
```
#88c316 rgb(136,195,22)
```
#16c351
```
#16c351 rgb(22,195,81)
```

Tetradic Color

#7e0e58
```
#7e0e58 rgb(126,14,88)
```
#951168
```
#951168 rgb(149,17,104)
```
#ac1378
```
#ac1378 rgb(172,19,120)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#da1998
```
#da1998 rgb(218,25,152)
```
#e626a5
```
#e626a5 rgb(230,38,165)
```
#e93cae
```
#e93cae rgb(233,60,174)
```

Monochromatic Color

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

#c316b3
```
#c316b3 rgb(195,22,179)
```
#c316a5
```
#c316a5 rgb(195,22,165)
```
#c31696
```
#c31696 rgb(195,22,150)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#c3167a
```
#c3167a rgb(195,22,122)
```
#c3166b
```
#c3166b rgb(195,22,107)
```
#c3165d
```
#c3165d rgb(195,22,93)
```

Similar Colors

Text with hexadecimal color #c31688

This text has a font color of #c31688.

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

#c31688 background color

This paragraph has a background color of #c31688.

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

#c31688 border color

This element has a border color of #c31688.

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

CSS codes

.text {color:#c31688;}

.background {background-color:#c31688;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#13020d
```
#13020d rgb(19,2,13)
```
#240419
```
#240419 rgb(36,4,25)
```
#360626
```
#360626 rgb(54,6,38)
```
#480832
```
#480832 rgb(72,8,50)
```
#590a3e
```
#590a3e rgb(89,10,62)
```
#6b0c4b
```
#6b0c4b rgb(107,12,75)
```
#7c0e57
```
#7c0e57 rgb(124,14,87)
```
#8e1063
```
#8e1063 rgb(142,16,99)
```
#a0126f
```
#a0126f rgb(160,18,111)
```
#b1147c
```
#b1147c rgb(177,20,124)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#d51894
```
#d51894 rgb(213,24,148)
```

Shade Color Variation

#e51ba0
```
#e51ba0 rgb(229,27,160)
```
#e72da8
```
#e72da8 rgb(231,45,168)
```
#e93eaf
```
#e93eaf rgb(233,62,175)
```
#eb50b6
```
#eb50b6 rgb(235,80,182)
```
#ed61be
```
#ed61be rgb(237,97,190)
```
#ef73c5
```
#ef73c5 rgb(239,115,197)
```
#f185cc
```
#f185cc rgb(241,133,204)
```
#f396d4
```
#f396d4 rgb(243,150,212)
```
#f5a8db
```
#f5a8db rgb(245,168,219)
```
#f7bae2
```
#f7bae2 rgb(247,186,226)
```
#f9cbe9
```
#f9cbe9 rgb(249,203,233)
```
#fbddf1
```
#fbddf1 rgb(251,221,241)
```
#fdeef8
```
#fdeef8 rgb(253,238,248)
```

Tint Color Variation

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

#70696d
```
#70696d rgb(112,105,109)
```
#786170
```
#786170 rgb(120,97,112)
```
#805973
```
#805973 rgb(128,89,115)
```
#895075
```
#895075 rgb(137,80,117)
```
#914878
```
#914878 rgb(145,72,120)
```
#99407b
```
#99407b rgb(153,64,123)
```
#a2377d
```
#a2377d rgb(162,55,125)
```
#aa2f80
```
#aa2f80 rgb(170,47,128)
```
#b22783
```
#b22783 rgb(178,39,131)
```
#bb1e85
```
#bb1e85 rgb(187,30,133)
```
#c31688
```
#c31688 rgb(195,22,136)
```
#cb0e8b
```
#cb0e8b rgb(203,14,139)
```
#d4058d
```
#d4058d rgb(212,5,141)
```

Tone Color Variation

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

Dichromacy

#4b6db8 Protanopia 1% of men
#726d80 Deuteranopia 1% of men
#c04245 Tritanopia 0.001% of the population

Trichromacy

#764da7 Protanomaly 1% of men, 0.01% of women
#8f4d83 Deuteranomaly 6% of men, 0.4% of women
#c1325d Tritanomaly 0.01% of the population

#c31688 hex color

#c31688 Color Information

#c31688 Color Conversion

Color Schemes with #c31688

Alternatives to #c31688

#c31688 Preview

Shades and Tints of #c31688

Tones of #c31688

Color Blindness Simulator