#c31b99 hex color

In a RGB color space, hex #c31b99 is composed of 76.5% red, 10.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 21.5% yellow and 23.5% black. It has a hue angle of 315 degrees, a saturation of 75.7% and a lightness of 43.5%. #c31b99 color hex could be obtained by blending #ff36ff with #870033. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 76
- G 11
- B 60
RGB color chart
- C 0
- M 86
- Y 22
- K 24
CMYK color chart

● #c31b99 color description : Strong pink.

The hexadecimal color #c31b99 has RGB values of R:195, G:27, B:153 and CMYK values of C:0, M:0.86, Y:0.22, K:0.24. Its decimal value is 12786585.

Hex triplet	c31b99	`#c31b99`
RGB Decimal	195, 27, 153	`rgb(195,27,153)`
RGB Percent	76.5, 10.6, 60	`rgb(76.5%,10.6%,60%)`
CMYK	0, 86, 22, 24
HSL	315°, 75.7, 43.5	`hsl(315,75.7%,43.5%)`
HSV (or HSB)	315°, 86.2, 76.5
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.204, 71.425, -26.697
XYZ	28.648, 14.688, 31.462
xyY	0.383, 0.196, 14.688
CIE-LCH	45.204, 76.252, 339.505
CIE-LUV	45.204, 79.858, -48.969
Hunter-Lab	38.325, 66.356, -21.844
Binary	11000011, 00011011, 10011001

#c31b99
```
#c31b99 rgb(195,27,153)
```
#1bc345
```
#1bc345 rgb(27,195,69)
```

Complementary Color

#991bc3
```
#991bc3 rgb(153,27,195)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#c31b45
```
#c31b45 rgb(195,27,69)
```

Analogous Color

#1bc399
```
#1bc399 rgb(27,195,153)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#45c31b
```
#45c31b rgb(69,195,27)
```

Split Complementary Color

#1b99c3
```
#1b99c3 rgb(27,153,195)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#99c31b
```
#99c31b rgb(153,195,27)
```

Triadic Color

#451bc3
```
#451bc3 rgb(69,27,195)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#99c31b
```
#99c31b rgb(153,195,27)
```
#1bc345
```
#1bc345 rgb(27,195,69)
```

Tetradic Color

#801264
```
#801264 rgb(128,18,100)
```
#961576
```
#961576 rgb(150,21,118)
```
#ad1887
```
#ad1887 rgb(173,24,135)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#d91eab
```
#d91eab rgb(217,30,171)
```
#e22fb5
```
#e22fb5 rgb(226,47,181)
```
#e545bd
```
#e545bd rgb(229,69,189)
```

Monochromatic Color

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

#c31bc3
```
#c31bc3 rgb(195,27,195)
```
#c31bb5
```
#c31bb5 rgb(195,27,181)
```
#c31ba7
```
#c31ba7 rgb(195,27,167)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#c31b8b
```
#c31b8b rgb(195,27,139)
```
#c31b7d
```
#c31b7d rgb(195,27,125)
```
#c31b6f
```
#c31b6f rgb(195,27,111)
```

Similar Colors

Text with hexadecimal color #c31b99

This text has a font color of #c31b99.

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

#c31b99 background color

This paragraph has a background color of #c31b99.

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

#c31b99 border color

This element has a border color of #c31b99.

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

CSS codes

.text {color:#c31b99;}

.background {background-color:#c31b99;}

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

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

#050104
```
#050104 rgb(5,1,4)
```
#170312
```
#170312 rgb(23,3,18)
```
#28061f
```
#28061f rgb(40,6,31)
```
#39082d
```
#39082d rgb(57,8,45)
```
#4a0a3a
```
#4a0a3a rgb(74,10,58)
```
#5c0d48
```
#5c0d48 rgb(92,13,72)
```
#6d0f55
```
#6d0f55 rgb(109,15,85)
```
#7e1163
```
#7e1163 rgb(126,17,99)
```
#8f1470
```
#8f1470 rgb(143,20,112)
```
#a1167e
```
#a1167e rgb(161,22,126)
```
#b2198b
```
#b2198b rgb(178,25,139)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#d41da7
```
#d41da7 rgb(212,29,167)
```

Shade Color Variation

#e124b2
```
#e124b2 rgb(225,36,178)
```
#e336b8
```
#e336b8 rgb(227,54,184)
```
#e647be
```
#e647be rgb(230,71,190)
```
#e858c4
```
#e858c4 rgb(232,88,196)
```
#ea69ca
```
#ea69ca rgb(234,105,202)
```
#ed7bd0
```
#ed7bd0 rgb(237,123,208)
```
#ef8cd6
```
#ef8cd6 rgb(239,140,214)
```
#f19ddc
```
#f19ddc rgb(241,157,220)
```
#f4aee2
```
#f4aee2 rgb(244,174,226)
```
#f6c0e9
```
#f6c0e9 rgb(246,192,233)
```
#f9d1ef
```
#f9d1ef rgb(249,209,239)
```
#fbe2f5
```
#fbe2f5 rgb(251,226,245)
```
#fdf3fb
```
#fdf3fb rgb(253,243,251)
```

Tint Color Variation

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

#766873
```
#766873 rgb(118,104,115)
```
#7f5f77
```
#7f5f77 rgb(127,95,119)
```
#87577b
```
#87577b rgb(135,87,123)
```
#904e7f
```
#904e7f rgb(144,78,127)
```
#984684
```
#984684 rgb(152,70,132)
```
#a13d88
```
#a13d88 rgb(161,61,136)
```
#a9358c
```
#a9358c rgb(169,53,140)
```
#b22c90
```
#b22c90 rgb(178,44,144)
```
#ba2495
```
#ba2495 rgb(186,36,149)
```
#c31b99
```
#c31b99 rgb(195,27,153)
```
#cc129d
```
#cc129d rgb(204,18,157)
```
#d40aa2
```
#d40aa2 rgb(212,10,162)
```
#dd01a6
```
#dd01a6 rgb(221,1,166)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#714f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a6fcb Protanopia 1% of men
#6c7090 Deuteranopia 1% of men
#bf494d Tritanopia 0.001% of the population

Trichromacy

#6c50b9 Protanomaly 1% of men, 0.01% of women
#8c5193 Deuteranomaly 6% of men, 0.4% of women
#c03869 Tritanomaly 0.01% of the population

#c31b99 hex color

#c31b99 Color Information

#c31b99 Color Conversion

Color Schemes with #c31b99

Alternatives to #c31b99

#c31b99 Preview

Shades and Tints of #c31b99

Tones of #c31b99

Color Blindness Simulator