Color #CC224A

Color info

#CC224A contains mainly red color. Web safe color of #CC224A is #CC3333 (or #C33).

RGB color model

#CC224A color RGB value is (204,34,74).

red value is 204;
green value is 34;
blue value is 74.

RGB: (204,34,74) (80%, 13%, 29%)

RGB channels and saturation

R 204 of 255 = 80%
G 34 of 255 = 13%
B 74 of 255 = 29%

204

34

74

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

Portions of RGB colors in percentages

R + G + B = 204 + 34 + 74 = 312 (100%)
R 204 of 312 ~ 65.38%
G 34 of 312 ~ 10.9%
B 74 of 312 ~ 23.72'%

%65.38

%10.9

%23.72

CMYK color model

#CC224A color CMYK value is (0,83,64,20).

cyan value is 0.00%
magenta value is 83.33%
yellow value is 63.73%
key color value is 20.00%

CMYK: (0,83,64,20)
C0M83Y64K20 (0%, 83%, 64%, 20%)
(0.00 / 0.83 / 0.64 / 0.20)

CMYK percentages

%0

%83.33

%63.73

%20

Codes

Color #CC224A in popluar color models

	CC	22	4A
RGB	204	34	74
HSL	346°	71.43%	46.67%
HSB/HSV	346°	83.33%	80.00%
CMYK	0.00%	83.33%	63.73%
CMYK	20.00%

Color #CC224A in popluar number systems.

HEX	CC	22	4A
Decimal	204	34	74
Binary	11001100	100010	1001010
Octal	314	42	112

Shades and tints

Shades of #CC224A

#CC224A
(204,34,74)

#BA1F44
(186,31,68)

#A81C3E
(168,28,62)

#961938
(150,25,56)

#841632
(132,22,50)

#72132C
(114,19,44)

#601026
(96,16,38)

#4E0D20
(78,13,32)

#3C0A1A
(60,10,26)

#2A0714
(42,7,20)

#18040E
(24,4,14)

#000000
(0,0,0)

Tints of #CC224A

#CC224A
(204,34,74)

#D0365A
(208,54,90)

#D44A6A
(212,74,106)

#D85E7A
(216,94,122)

#DC728A
(220,114,138)

#E0869A
(224,134,154)

#E49AAA
(228,154,170)

#E8AEBA
(232,174,186)

#ECC2CA
(236,194,202)

#F0D6DA
(240,214,218)

#F4EAEA
(244,234,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CC224A color. Also use rgb(204,34,74) instead hex code.

Text Font Color

.myTextColor { color: #CC224A; }

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

This text font color is #CC224A.

Background Color

.myBgColor { background-color: #CC224A; }

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

This div background color is #CC224A.

Border color

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

This div border color is #CC224A.

Opacity

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

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

This text has shadow with #CC224A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CC224A.