COLOR #B2753C

HEX: #B2753C
RGB: (178,117,60)

Color info

#B2753C contains mainly red color. Web safe color of #B2753C is #996633 (or #963).

RGB color model

#B2753C color RGB value is (178,117,60).

  • red value is 178;
  • green value is 117;
  • blue value is 60.
RGB:
(178,117,60)
(70%,46%,24%)

RGB channels and saturation

R 178 of 255 = 70%
G 117 of 255 = 46%
B 60 of 255 = 24%

178
117
60

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

Portions of RGB colors in percentages

R + G + B =
178 + 117 + 60 = 355 (100%)
R 178 of 355 ~ 50.14%
G 117 of 355 ~ 32.96%
B 60 of 355 ~ 16.9%

%50.14
%32.96
%16.9

CMYK color model

#B2753C color CMYK value is (0,34,66,30).

  • cyan value is 0.00%
  • magenta value is 34.27%
  • yellow value is 66.29%
  • key color value is 30.20%
CMYK:
(0,34,66,30)
C0M34Y66K30 
(0%,34%,66%,30%)
(0.00/0.34/0.66/0.30)	

CMYK percentages

%0
%34.27
%66.29
%30.2

Codes

Color #B2753C in popluar color models

B2753C
RGB17811760
HSL29°49.58%46.67%
HSB/HSV29°66.29%69.80%
CMYK0.00%34.27%66.29%
30.20%

Color #B2753C in popluar number systems.

HEXB2753C
Decimal17811760
Binary101100101110101111100
Octal26216574

Shades and tints

Shades of #B2753C

#B2753C
(178,117,60)
#A26B37
(162,107,55)
#926132
(146,97,50)
#82572D
(130,87,45)
#724D28
(114,77,40)
#624323
(98,67,35)
#52391E
(82,57,30)
#422F19
(66,47,25)
#322514
(50,37,20)
#221B0F
(34,27,15)
#12110A
(18,17,10)
#000000
(0,0,0)

Tints of #B2753C

#B2753C
(178,117,60)
#B9814D
(185,129,77)
#C08D5E
(192,141,94)
#C7996F
(199,153,111)
#CEA580
(206,165,128)
#D5B191
(213,177,145)
#DCBDA2
(220,189,162)
#E3C9B3
(227,201,179)
#EAD5C4
(234,213,196)
#F1E1D5
(241,225,213)
#F8EDE6
(248,237,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B2753C color. Also use rgb(178,117,60) instead hex code.

Text Font Color

.myTextColor { color: #B2753C; }

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

This text font color is #B2753C.


Background Color

.myBgColor { background-color: #B2753C; }

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

This div background color is #B2753C.


Border color

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

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

This div border color is #B2753C.


Opacity

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

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

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

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

This text has shadow with #B2753C color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B2753C on black background.


Color preview on white background

This text has color #B2753C on white background.



Black color preview on #B2753C background

This text has black color on #B2753C background.


White color preview on #B2753C background

This text has white color on #B2753C background.