#cc3172 hex color

In a RGB color space, hex #cc3172 is composed of 80% red, 19.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 44.1% yellow and 20% black. It has a hue angle of 334.8 degrees, a saturation of 61.3% and a lightness of 49.6%. #cc3172 color hex could be obtained by blending #ff62e4 with #990000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 19
- B 45
RGB color chart
- C 0
- M 76
- Y 44
- K 20
CMYK color chart

● #cc3172 color description : Strong pink.

The hexadecimal color #cc3172 has RGB values of R:204, G:49, B:114 and CMYK values of C:0, M:0.76, Y:0.44, K:0.2. Its decimal value is 13382002.

Hex triplet	cc3172	`#cc3172`
RGB Decimal	204, 49, 114	`rgb(204,49,114)`
RGB Percent	80, 19.2, 44.7	`rgb(80%,19.2%,44.7%)`
CMYK	0, 76, 44, 20
HSL	334.8°, 61.3, 49.6	`hsl(334.8,61.3%,49.6%)`
HSV (or HSB)	334.8°, 76, 80
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.303, 63.896, 0.349
XYZ	29.038, 16.252, 17.526
xyY	0.462, 0.259, 16.252
CIE-LCH	47.303, 63.897, 0.313
CIE-LUV	47.303, 97.848, -11.58
Hunter-Lab	40.314, 58.026, 2.443
Binary	11001100, 00110001, 01110010

#cc3172
```
#cc3172 rgb(204,49,114)
```
#31cc8b
```
#31cc8b rgb(49,204,139)
```

Complementary Color

#cc31c0
```
#cc31c0 rgb(204,49,192)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#cc3d31
```
#cc3d31 rgb(204,61,49)
```

Analogous Color

#31c0cc
```
#31c0cc rgb(49,192,204)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#31cc3d
```
#31cc3d rgb(49,204,61)
```

Split Complementary Color

#3172cc
```
#3172cc rgb(49,114,204)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#72cc31
```
#72cc31 rgb(114,204,49)
```

Triadic Color

#8b31cc
```
#8b31cc rgb(139,49,204)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#72cc31
```
#72cc31 rgb(114,204,49)
```
#31cc8b
```
#31cc8b rgb(49,204,139)
```

Tetradic Color

#8e2250
```
#8e2250 rgb(142,34,80)
```
#a3275b
```
#a3275b rgb(163,39,91)
```
#b72c67
```
#b72c67 rgb(183,44,103)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#d24480
```
#d24480 rgb(210,68,128)
```
#d7598e
```
#d7598e rgb(215,89,142)
```
#dc6d9c
```
#dc6d9c rgb(220,109,156)
```

Monochromatic Color

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

#cc3199
```
#cc3199 rgb(204,49,153)
```
#cc318c
```
#cc318c rgb(204,49,140)
```
#cc317f
```
#cc317f rgb(204,49,127)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#cc3165
```
#cc3165 rgb(204,49,101)
```
#cc3158
```
#cc3158 rgb(204,49,88)
```
#cc314b
```
#cc314b rgb(204,49,75)
```

Similar Colors

Text with hexadecimal color #cc3172

This text has a font color of #cc3172.

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

#cc3172 background color

This paragraph has a background color of #cc3172.

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

#cc3172 border color

This element has a border color of #cc3172.

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

CSS codes

.text {color:#cc3172;}

.background {background-color:#cc3172;}

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

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

#0e0308
```
#0e0308 rgb(14,3,8)
```
#1e0711
```
#1e0711 rgb(30,7,17)
```
#2e0b1a
```
#2e0b1a rgb(46,11,26)
```
#3e0f22
```
#3e0f22 rgb(62,15,34)
```
#4d132b
```
#4d132b rgb(77,19,43)
```
#5d1634
```
#5d1634 rgb(93,22,52)
```
#6d1a3d
```
#6d1a3d rgb(109,26,61)
```
#7d1e46
```
#7d1e46 rgb(125,30,70)
```
#8d224f
```
#8d224f rgb(141,34,79)
```
#9d2657
```
#9d2657 rgb(157,38,87)
```
#ac2960
```
#ac2960 rgb(172,41,96)
```
#bc2d69
```
#bc2d69 rgb(188,45,105)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```

Shade Color Variation

#d1407d
```
#d1407d rgb(209,64,125)
```
#d54f87
```
#d54f87 rgb(213,79,135)
```
#d95f92
```
#d95f92 rgb(217,95,146)
```
#dc6f9d
```
#dc6f9d rgb(220,111,157)
```
#e07fa8
```
#e07fa8 rgb(224,127,168)
```
#e48fb2
```
#e48fb2 rgb(228,143,178)
```
#e89ebd
```
#e89ebd rgb(232,158,189)
```
#ecaec8
```
#ecaec8 rgb(236,174,200)
```
#efbed3
```
#efbed3 rgb(239,190,211)
```
#f3cede
```
#f3cede rgb(243,206,222)
```
#f7dee8
```
#f7dee8 rgb(247,222,232)
```
#fbeef3
```
#fbeef3 rgb(251,238,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#88757d
```
#88757d rgb(136,117,125)
```
#926b7b
```
#926b7b rgb(146,107,123)
```
#9b627a
```
#9b627a rgb(155,98,122)
```
#a55878
```
#a55878 rgb(165,88,120)
```
#af4e77
```
#af4e77 rgb(175,78,119)
```
#b94475
```
#b94475 rgb(185,68,117)
```
#c23b74
```
#c23b74 rgb(194,59,116)
```
#cc3172
```
#cc3172 rgb(204,49,114)
```
#d62770
```
#d62770 rgb(214,39,112)
```
#df1e6f
```
#df1e6f rgb(223,30,111)
```
#e9146d
```
#e9146d rgb(233,20,109)
```
#f30a6c
```
#f30a6c rgb(243,10,108)
```
#fd006a
```
#fd006a rgb(253,0,106)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7b5c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7697 Protanopia 1% of men
#86736e Deuteranopia 1% of men
#cb484b Tritanopia 0.001% of the population

Trichromacy

#905d89 Protanomaly 1% of men, 0.01% of women
#9f5b6f Deuteranomaly 6% of men, 0.4% of women
#cb3f59 Tritanomaly 0.01% of the population

#cc3172 hex color

#cc3172 Color Information

#cc3172 Color Conversion

Color Schemes with #cc3172

Alternatives to #cc3172

#cc3172 Preview

Shades and Tints of #cc3172

Tones of #cc3172

Color Blindness Simulator