COLOR #B55509

HEX: #B55509
RGB: (181,85,9)

Color info

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

RGB color model

#B55509 color RGB value is (181,85,9).

  • red value is 181;
  • green value is 85;
  • blue value is 9.
RGB:
(181,85,9)
(71%,33%,4%)

RGB channels and saturation

R 181 of 255 = 71%
G 85 of 255 = 33%
B 9 of 255 = 4%

181
85
9

R + G + B ~ 36%. #B55509 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
181 + 85 + 9 = 275 (100%)
R 181 of 275 ~ 65.82%
G 85 of 275 ~ 30.91%
B 9 of 275 ~ 3.27%

%65.82
%30.91

CMYK color model

#B55509 color CMYK value is (0,53,95,29).

  • cyan value is 0.00%
  • magenta value is 53.04%
  • yellow value is 95.03%
  • key color value is 29.02%
CMYK:
(0,53,95,29)
C0M53Y95K29 
(0%,53%,95%,29%)
(0.00/0.53/0.95/0.29)	

CMYK percentages

%0
%53.04
%95.03
%29.02

Codes

Color #B55509 in popluar color models

B55509
RGB181859
HSL27°90.53%37.25%
HSB/HSV27°95.03%70.98%
CMYK0.00%53.04%95.03%
29.02%

Color #B55509 in popluar number systems.

HEXB55509
Decimal181859
Binary1011010110101011001
Octal26512511

Shades and tints

Shades of #B55509

#B55509
(181,85,9)
#A54E09
(165,78,9)
#954709
(149,71,9)
#854009
(133,64,9)
#753909
(117,57,9)
#653209
(101,50,9)
#552B09
(85,43,9)
#452409
(69,36,9)
#351D09
(53,29,9)
#251609
(37,22,9)
#150F09
(21,15,9)
#000000
(0,0,0)

Tints of #B55509

#B55509
(181,85,9)
#BB641F
(187,100,31)
#C17335
(193,115,53)
#C7824B
(199,130,75)
#CD9161
(205,145,97)
#D3A077
(211,160,119)
#D9AF8D
(217,175,141)
#DFBEA3
(223,190,163)
#E5CDB9
(229,205,185)
#EBDCCF
(235,220,207)
#F1EBE5
(241,235,229)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B55509 color. Also use rgb(181,85,9) instead hex code.

Text Font Color

.myTextColor { color: #B55509; }

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

This text font color is #B55509.


Background Color

.myBgColor { background-color: #B55509; }

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

This div background color is #B55509.


Border color

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

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

This div border color is #B55509.


Opacity

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

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

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

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

This text has shadow with #B55509 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B55509 on black background.


Color preview on white background

This text has color #B55509 on white background.



Black color preview on #B55509 background

This text has black color on #B55509 background.


White color preview on #B55509 background

This text has white color on #B55509 background.