Color #CB5549

Color info

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

RGB color model

#CB5549 color RGB value is (203,85,73).

red value is 203;
green value is 85;
blue value is 73.

RGB:
(203,85,73)
(80%,33%,29%)

RGB channels and saturation

R 203 of 255 = 80%
G 85 of 255 = 33%
B 73 of 255 = 29%

203

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

Portions of RGB colors in percentages

R + G + B =
203 + 85 + 73 = 361 (100%)
R 203 of 361 ~ 56.23%
G 85 of 361 ~ 23.55%
B 73 of 361 ~ 20.22%

%56.23

%23.55

%20.22

CMYK color model

#CB5549 color CMYK value is (0,58,64,20).

cyan value is 0.00%
magenta value is 58.13%
yellow value is 64.04%
key color value is 20.39%

CMYK:
(0,58,64,20)
C0M58Y64K20 
(0%,58%,64%,20%)
(0.00/0.58/0.64/0.20)

CMYK percentages

%58.13

%64.04

%20.39

Codes

Color #CB5549 in popluar color models

	CB	55	49
RGB	203	85	73
HSL	6°	55.56%	54.12%
HSB/HSV	6°	64.04%	79.61%
CMYK	0.00%	58.13%	64.04%
CMYK	20.39%

Color #CB5549 in popluar number systems.

HEX	CB	55	49
Decimal	203	85	73
Binary	11001011	1010101	1001001
Octal	313	125	111

Shades and tints

Shades of #CB5549

#CB5549
(203,85,73)

#B94E43
(185,78,67)

#A7473D
(167,71,61)

#954037
(149,64,55)

#833931
(131,57,49)

#71322B
(113,50,43)

#5F2B25
(95,43,37)

#4D241F
(77,36,31)

#3B1D19
(59,29,25)

#291613
(41,22,19)

#170F0D
(23,15,13)

#000000
(0,0,0)

Tints of #CB5549

#CB5549
(203,85,73)

#CF6459
(207,100,89)

#D37369
(211,115,105)

#D78279
(215,130,121)

#DB9189
(219,145,137)

#DFA099
(223,160,153)

#E3AFA9
(227,175,169)

#E7BEB9
(231,190,185)

#EBCDC9
(235,205,201)

#EFDCD9
(239,220,217)

#F3EBE9
(243,235,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CB5549 color. Also use rgb(203,85,73) instead hex code.

Text Font Color

.myTextColor { color: #CB5549; }

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

This text font color is #CB5549.

Background Color

.myBgColor { background-color: #CB5549; }

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

This div background color is #CB5549.

Border color

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

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

This div border color is #CB5549.

Opacity

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

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

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

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

This text has shadow with #CB5549 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CB5549.

Preview

Color preview on black background

This text has color #CB5549 on black background.

Color preview on white background

This text has color #CB5549 on white background.

Black color preview on #CB5549 background

This text has black color on #CB5549 background.

White color preview on #CB5549 background

This text has white color on #CB5549 background.