Color #CA5500

Color info

#CA5500 contains mainly red color. Web safe color of #CA5500 is #CC6600 (or #C60).

RGB color model

#CA5500 color RGB value is (202,85,0).

red value is 202;
green value is 85;
blue value is 0.

RGB: (202,85,0) (79%, 33%, 0%)

RGB channels and saturation

R 202 of 255 = 79%
G 85 of 255 = 33%
B 0 of 255 = 0%

202

85

0

R + G + B ~ 37%. #CA5500 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 202 + 85 + 0 = 287 (100%)
R 202 of 287 ~ 70.38%
G 85 of 287 ~ 29.62%
B 0 of 287 ~ 0'%

%70.38

%29.62

CMYK color model

#CA5500 color CMYK value is (0,58,100,21).

cyan value is 0.00%
magenta value is 57.92%
yellow value is 100.00%
key color value is 20.78%

CMYK: (0,58,100,21)
C0M58Y100K21 (0%, 58%, 100%, 21%)
(0.00 / 0.58 / 1.00 / 0.21)

CMYK percentages

%0

%57.92

%100

%20.78

Codes

Color #CA5500 in popluar color models

	CA	55	00
RGB	202	85	0
HSL	25°	100.00%	39.61%
HSB/HSV	25°	100.00%	79.22%
CMYK	0.00%	57.92%	100.00%
CMYK	20.78%

Color #CA5500 in popluar number systems.

HEX	CA	55	00
Decimal	202	85	0
Binary	11001010	1010101	0
Octal	312	125	0

Shades and tints

Shades of #CA5500

#CA5500
(202,85,0)

#B84E00
(184,78,0)

#A64700
(166,71,0)

#944000
(148,64,0)

#823900
(130,57,0)

#703200
(112,50,0)

#5E2B00
(94,43,0)

#4C2400
(76,36,0)

#3A1D00
(58,29,0)

#281600
(40,22,0)

#160F00
(22,15,0)

#000000
(0,0,0)

Tints of #CA5500

#CA5500
(202,85,0)

#CE6417
(206,100,23)

#D2732E
(210,115,46)

#D68245
(214,130,69)

#DA915C
(218,145,92)

#DEA073
(222,160,115)

#E2AF8A
(226,175,138)

#E6BEA1
(230,190,161)

#EACDB8
(234,205,184)

#EEDCCF
(238,220,207)

#F2EBE6
(242,235,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CA5500 color. Also use rgb(202,85,0) instead hex code.

Text Font Color

.myTextColor { color: #CA5500; }

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

This text font color is #CA5500.

Background Color

.myBgColor { background-color: #CA5500; }

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

This div background color is #CA5500.

Border color

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

This div border color is #CA5500.

Opacity

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

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

This text has shadow with #CA5500 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CA5500.