Color #CC318D

Color info

#CC318D contains mainly red color. Web safe color of #CC318D is #CC3399 (or #C39).

RGB color model

#CC318D color RGB value is (204,49,141).

red value is 204;
green value is 49;
blue value is 141.

RGB:
(204,49,141)
(80%,19%,55%)

RGB channels and saturation

R 204 of 255 = 80%
G 49 of 255 = 19%
B 141 of 255 = 55%

204

141

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

Portions of RGB colors in percentages

R + G + B =
204 + 49 + 141 = 394 (100%)
R 204 of 394 ~ 51.78%
G 49 of 394 ~ 12.44%
B 141 of 394 ~ 35.79%

%51.78

%12.44

%35.79

CMYK color model

#CC318D color CMYK value is (0,76,31,20).

cyan value is 0.00%
magenta value is 75.98%
yellow value is 30.88%
key color value is 20.00%

CMYK:
(0,76,31,20)
C0M76Y31K20 
(0%,76%,31%,20%)
(0.00/0.76/0.31/0.20)

CMYK percentages

%75.98

%30.88

%20

Codes

Color #CC318D in popluar color models

	CC	31	8D
RGB	204	49	141
HSL	324°	61.26%	49.61%
HSB/HSV	324°	75.98%	80.00%
CMYK	0.00%	75.98%	30.88%
CMYK	20.00%

Color #CC318D in popluar number systems.

HEX	CC	31	8D
Decimal	204	49	141
Binary	11001100	110001	10001101
Octal	314	61	215

Shades and tints

Shades of #CC318D

#CC318D
(204,49,141)

#BA2D81
(186,45,129)

#A82975
(168,41,117)

#962569
(150,37,105)

#84215D
(132,33,93)

#721D51
(114,29,81)

#601945
(96,25,69)

#4E1539
(78,21,57)

#3C112D
(60,17,45)

#2A0D21
(42,13,33)

#180915
(24,9,21)

#000000
(0,0,0)

Tints of #CC318D

#CC318D
(204,49,141)

#D04397
(208,67,151)

#D455A1
(212,85,161)

#D867AB
(216,103,171)

#DC79B5
(220,121,181)

#E08BBF
(224,139,191)

#E49DC9
(228,157,201)

#E8AFD3
(232,175,211)

#ECC1DD
(236,193,221)

#F0D3E7
(240,211,231)

#F4E5F1
(244,229,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CC318D color. Also use rgb(204,49,141) instead hex code.

Text Font Color

.myTextColor { color: #CC318D; }

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

This text font color is #CC318D.

Background Color

.myBgColor { background-color: #CC318D; }

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

This div background color is #CC318D.

Border color

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

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

This div border color is #CC318D.

Opacity

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

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

Text with #CC318D 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 #CC318D;}

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

This text has shadow with #CC318D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CC318D.

Preview

Color preview on black background

This text has color #CC318D on black background.

Color preview on white background

This text has color #CC318D on white background.

Black color preview on #CC318D background

This text has black color on #CC318D background.

White color preview on #CC318D background

This text has white color on #CC318D background.