#cc316b hex color

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

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

● #cc316b color description : Strong pink.

The hexadecimal color #cc316b has RGB values of R:204, G:49, B:107 and CMYK values of C:0, M:0.76, Y:0.48, K:0.2. Its decimal value is 13381995.

Hex triplet	cc316b	`#cc316b`
RGB Decimal	204, 49, 107	`rgb(204,49,107)`
RGB Percent	80, 19.2, 42	`rgb(80%,19.2%,42%)`
CMYK	0, 76, 48, 20
HSL	337.5°, 61.3, 49.6	`hsl(337.5,61.3%,49.6%)`
HSV (or HSB)	337.5°, 76, 80
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.104, 63.268, 4.353
XYZ	28.655, 16.099, 15.508
xyY	0.476, 0.267, 16.099
CIE-LCH	47.104, 63.418, 3.936
CIE-LUV	47.104, 100.503, -6.603
Hunter-Lab	40.123, 57.265, 5.171
Binary	11001100, 00110001, 01101011

#cc316b
```
#cc316b rgb(204,49,107)
```
#31cc92
```
#31cc92 rgb(49,204,146)
```

Complementary Color

#cc31b9
```
#cc31b9 rgb(204,49,185)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#cc4431
```
#cc4431 rgb(204,68,49)
```

Analogous Color

#31b9cc
```
#31b9cc rgb(49,185,204)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#31cc44
```
#31cc44 rgb(49,204,68)
```

Split Complementary Color

#316bcc
```
#316bcc rgb(49,107,204)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#6bcc31
```
#6bcc31 rgb(107,204,49)
```

Triadic Color

#9231cc
```
#9231cc rgb(146,49,204)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#6bcc31
```
#6bcc31 rgb(107,204,49)
```
#31cc92
```
#31cc92 rgb(49,204,146)
```

Tetradic Color

#8e224b
```
#8e224b rgb(142,34,75)
```
#a32755
```
#a32755 rgb(163,39,85)
```
#b72c60
```
#b72c60 rgb(183,44,96)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#d24479
```
#d24479 rgb(210,68,121)
```
#d75988
```
#d75988 rgb(215,89,136)
```
#dc6d97
```
#dc6d97 rgb(220,109,151)
```

Monochromatic Color

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

#cc3192
```
#cc3192 rgb(204,49,146)
```
#cc3185
```
#cc3185 rgb(204,49,133)
```
#cc3178
```
#cc3178 rgb(204,49,120)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#cc315e
```
#cc315e rgb(204,49,94)
```
#cc3151
```
#cc3151 rgb(204,49,81)
```
#cc3144
```
#cc3144 rgb(204,49,68)
```

Similar Colors

Text with hexadecimal color #cc316b

This text has a font color of #cc316b.

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

#cc316b background color

This paragraph has a background color of #cc316b.

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

#cc316b border color

This element has a border color of #cc316b.

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

CSS codes

.text {color:#cc316b;}

.background {background-color:#cc316b;}

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

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

#0e0307
```
#0e0307 rgb(14,3,7)
```
#1e0710
```
#1e0710 rgb(30,7,16)
```
#2e0b18
```
#2e0b18 rgb(46,11,24)
```
#3e0f20
```
#3e0f20 rgb(62,15,32)
```
#4d1329
```
#4d1329 rgb(77,19,41)
```
#5d1631
```
#5d1631 rgb(93,22,49)
```
#6d1a39
```
#6d1a39 rgb(109,26,57)
```
#7d1e42
```
#7d1e42 rgb(125,30,66)
```
#8d224a
```
#8d224a rgb(141,34,74)
```
#9d2652
```
#9d2652 rgb(157,38,82)
```
#ac295a
```
#ac295a rgb(172,41,90)
```
#bc2d63
```
#bc2d63 rgb(188,45,99)
```
#cc316b
```
#cc316b rgb(204,49,107)
```

Shade Color Variation

#d14076
```
#d14076 rgb(209,64,118)
```
#d54f81
```
#d54f81 rgb(213,79,129)
```
#d95f8d
```
#d95f8d rgb(217,95,141)
```
#dc6f98
```
#dc6f98 rgb(220,111,152)
```
#e07fa3
```
#e07fa3 rgb(224,127,163)
```
#e48faf
```
#e48faf rgb(228,143,175)
```
#e89eba
```
#e89eba rgb(232,158,186)
```
#ecaec5
```
#ecaec5 rgb(236,174,197)
```
#efbed1
```
#efbed1 rgb(239,190,209)
```
#f3cedc
```
#f3cedc rgb(243,206,220)
```
#f7dee7
```
#f7dee7 rgb(247,222,231)
```
#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, #88757c is the less saturated color, while #fd005f is the most saturated one.

#88757c
```
#88757c rgb(136,117,124)
```
#926b7a
```
#926b7a rgb(146,107,122)
```
#9b6277
```
#9b6277 rgb(155,98,119)
```
#a55875
```
#a55875 rgb(165,88,117)
```
#af4e72
```
#af4e72 rgb(175,78,114)
```
#b94470
```
#b94470 rgb(185,68,112)
```
#c23b6d
```
#c23b6d rgb(194,59,109)
```
#cc316b
```
#cc316b rgb(204,49,107)
```
#d62769
```
#d62769 rgb(214,39,105)
```
#df1e66
```
#df1e66 rgb(223,30,102)
```
#e91464
```
#e91464 rgb(233,20,100)
```
#f30a61
```
#f30a61 rgb(243,10,97)
```
#fd005f
```
#fd005f rgb(253,0,95)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71768f Protanopia 1% of men
#877368 Deuteranopia 1% of men
#cc4649 Tritanopia 0.001% of the population

Trichromacy

#925c82 Protanomaly 1% of men, 0.01% of women
#a05b69 Deuteranomaly 6% of men, 0.4% of women
#cc3e55 Tritanomaly 0.01% of the population

#cc316b hex color

#cc316b Color Information

#cc316b Color Conversion

Color Schemes with #cc316b

Alternatives to #cc316b

#cc316b Preview

Shades and Tints of #cc316b

Tones of #cc316b

Color Blindness Simulator