Color #CC5B8B

Color info

#CC5B8B contains mainly red color. Web safe color of #CC5B8B is #CC6699 (or #C69).

RGB color model

#CC5B8B color RGB value is (204,91,139).

red value is 204;
green value is 91;
blue value is 139.

RGB:
(204,91,139)
(80%,36%,55%)

RGB channels and saturation

R 204 of 255 = 80%
G 91 of 255 = 36%
B 139 of 255 = 55%

204

139

R + G + B ~ 57%. #CC5B8B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
204 + 91 + 139 = 434 (100%)
R 204 of 434 ~ 47%
G 91 of 434 ~ 20.97%
B 139 of 434 ~ 32.03%

%47

%20.97

%32.03

CMYK color model

#CC5B8B color CMYK value is (0,55,32,20).

cyan value is 0.00%
magenta value is 55.39%
yellow value is 31.86%
key color value is 20.00%

CMYK:
(0,55,32,20)
C0M55Y32K20 
(0%,55%,32%,20%)
(0.00/0.55/0.32/0.20)

CMYK percentages

%55.39

%31.86

%20

Codes

Color #CC5B8B in popluar color models

	CC	5B	8B
RGB	204	91	139
HSL	335°	52.56%	57.84%
HSB/HSV	335°	55.39%	80.00%
CMYK	0.00%	55.39%	31.86%
CMYK	20.00%

Color #CC5B8B in popluar number systems.

HEX	CC	5B	8B
Decimal	204	91	139
Binary	11001100	1011011	10001011
Octal	314	133	213

Shades and tints

Shades of #CC5B8B

#CC5B8B
(204,91,139)

#BA537F
(186,83,127)

#A84B73
(168,75,115)

#964367
(150,67,103)

#843B5B
(132,59,91)

#72334F
(114,51,79)

#602B43
(96,43,67)

#4E2337
(78,35,55)

#3C1B2B
(60,27,43)

#2A131F
(42,19,31)

#180B13
(24,11,19)

#000000
(0,0,0)

Tints of #CC5B8B

#CC5B8B
(204,91,139)

#D06995
(208,105,149)

#D4779F
(212,119,159)

#D885A9
(216,133,169)

#DC93B3
(220,147,179)

#E0A1BD
(224,161,189)

#E4AFC7
(228,175,199)

#E8BDD1
(232,189,209)

#ECCBDB
(236,203,219)

#F0D9E5
(240,217,229)

#F4E7EF
(244,231,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CC5B8B color. Also use rgb(204,91,139) instead hex code.

Text Font Color

.myTextColor { color: #CC5B8B; }

<p style="color:#CC5B8B">This sample text font color is #CC5B8B.</p>

This text font color is #CC5B8B.

Background Color

.myBgColor { background-color: #CC5B8B; }

<div style="background-color:#CC5B8B">Inner text</div>

This div background color is #CC5B8B.

Border color

.myBorderColor { border: 1px solid #CC5B8B; }

<div style="border:3px solid #CC5B8B">Div</div>

This div border color is #CC5B8B.

Opacity

.myOpacity80 { color: #CC5B8B; opacity: 0.8; }

<p style="color:#CC5B8B;opacity:0.8;">80%</p>

Text with #CC5B8B color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #CC5B8B;}

<p style="text-shadow: 3px 3px 1px #CC5B8B">Text here.</p>

This text has shadow with #CC5B8B color.

.textShadow {text-shadow: 3px 3px 1px #CC5B8B, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #CC5B8B, 5px 5px 20px red">Text here.</p>

This text has shadow with #CC5B8B primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#CC5B8B, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#CC5B8B, Direction=45, Strength=4)">Text</p>

This text has shadow with #CC5B8B and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #CC5B8B;
  -webkit-box-shadow:	1px 1px 3px 2px #CC5B8B;
  box-shadow:		1px 1px 3px 2px #CC5B8B;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #CC5B8B;
-webkit-box-shadow: 1px 1px 3px 2px #CC5B8B;
box-shadow:1px 1px 3px 2px #CC5B8B;">
Div content here</div>

This div box has shadow with color #CC5B8B.

Preview

Color preview on black background

This text has color #CC5B8B on black background.

Color preview on white background

This text has color #CC5B8B on white background.

Black color preview on #CC5B8B background

This text has black color on #CC5B8B background.

White color preview on #CC5B8B background

This text has white color on #CC5B8B background.