Color #CD522A

Color info

#CD522A contains mainly red color. Web safe color of #CD522A is #CC6633 (or #C63).

RGB color model

#CD522A color RGB value is (205,82,42).

red value is 205;
green value is 82;
blue value is 42.

RGB:
(205,82,42)
(80%,32%,16%)

RGB channels and saturation

R 205 of 255 = 80%
G 82 of 255 = 32%
B 42 of 255 = 16%

205

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

Portions of RGB colors in percentages

R + G + B =
205 + 82 + 42 = 329 (100%)
R 205 of 329 ~ 62.31%
G 82 of 329 ~ 24.92%
B 42 of 329 ~ 12.77%

%62.31

%24.92

%12.77

CMYK color model

#CD522A color CMYK value is (0,60,80,20).

cyan value is 0.00%
magenta value is 60.00%
yellow value is 79.51%
key color value is 19.61%

CMYK:
(0,60,80,20)
C0M60Y80K20 
(0%,60%,80%,20%)
(0.00/0.60/0.80/0.20)

CMYK percentages

%60

%79.51

%19.61

Codes

Color #CD522A in popluar color models

	CD	52	2A
RGB	205	82	42
HSL	15°	65.99%	48.43%
HSB/HSV	15°	79.51%	80.39%
CMYK	0.00%	60.00%	79.51%
CMYK	19.61%

Color #CD522A in popluar number systems.

HEX	CD	52	2A
Decimal	205	82	42
Binary	11001101	1010010	101010
Octal	315	122	52

Shades and tints

Shades of #CD522A

#CD522A
(205,82,42)

#BB4B27
(187,75,39)

#A94424
(169,68,36)

#973D21
(151,61,33)

#85361E
(133,54,30)

#732F1B
(115,47,27)

#612818
(97,40,24)

#4F2115
(79,33,21)

#3D1A12
(61,26,18)

#2B130F
(43,19,15)

#190C0C
(25,12,12)

#000000
(0,0,0)

Tints of #CD522A

#CD522A
(205,82,42)

#D1613D
(209,97,61)

#D57050
(213,112,80)

#D97F63
(217,127,99)

#DD8E76
(221,142,118)

#E19D89
(225,157,137)

#E5AC9C
(229,172,156)

#E9BBAF
(233,187,175)

#EDCAC2
(237,202,194)

#F1D9D5
(241,217,213)

#F5E8E8
(245,232,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CD522A color. Also use rgb(205,82,42) instead hex code.

Text Font Color

.myTextColor { color: #CD522A; }

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

This text font color is #CD522A.

Background Color

.myBgColor { background-color: #CD522A; }

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

This div background color is #CD522A.

Border color

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

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

This div border color is #CD522A.

Opacity

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

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

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

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

This text has shadow with #CD522A color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CD522A.

Preview

Color preview on black background

This text has color #CD522A on black background.

Color preview on white background

This text has color #CD522A on white background.

Black color preview on #CD522A background

This text has black color on #CD522A background.

White color preview on #CD522A background

This text has white color on #CD522A background.