Color #B28261

Color info

#B28261 contains mainly red and green colors. Web safe color of #B28261 is #999966 (or #996).

RGB color model

#B28261 color RGB value is (178,130,97).

red value is 178;
green value is 130;
blue value is 97.

RGB:
(178,130,97)
(70%,51%,38%)

RGB channels and saturation

R 178 of 255 = 70%
G 130 of 255 = 51%
B 97 of 255 = 38%

178

130

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

Portions of RGB colors in percentages

R + G + B =
178 + 130 + 97 = 405 (100%)
R 178 of 405 ~ 43.95%
G 130 of 405 ~ 32.1%
B 97 of 405 ~ 23.95%

%43.95

%32.1

%23.95

CMYK color model

#B28261 color CMYK value is (0,27,46,30).

cyan value is 0.00%
magenta value is 26.97%
yellow value is 45.51%
key color value is 30.20%

CMYK:
(0,27,46,30)
C0M27Y46K30 
(0%,27%,46%,30%)
(0.00/0.27/0.46/0.30)

CMYK percentages

%26.97

%45.51

%30.2

Codes

Color #B28261 in popluar color models

	B2	82	61
RGB	178	130	97
HSL	24°	34.47%	53.92%
HSB/HSV	24°	45.51%	69.80%
CMYK	0.00%	26.97%	45.51%
CMYK	30.20%

Color #B28261 in popluar number systems.

HEX	B2	82	61
Decimal	178	130	97
Binary	10110010	10000010	1100001
Octal	262	202	141

Shades and tints

Shades of #B28261

#B28261
(178,130,97)

#A27759
(162,119,89)

#926C51
(146,108,81)

#826149
(130,97,73)

#725641
(114,86,65)

#624B39
(98,75,57)

#524031
(82,64,49)

#423529
(66,53,41)

#322A21
(50,42,33)

#221F19
(34,31,25)

#121411
(18,20,17)

#000000
(0,0,0)

Tints of #B28261

#B28261
(178,130,97)

#B98D6F
(185,141,111)

#C0987D
(192,152,125)

#C7A38B
(199,163,139)

#CEAE99
(206,174,153)

#D5B9A7
(213,185,167)

#DCC4B5
(220,196,181)

#E3CFC3
(227,207,195)

#EADAD1
(234,218,209)

#F1E5DF
(241,229,223)

#F8F0ED
(248,240,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B28261 color. Also use rgb(178,130,97) instead hex code.

Text Font Color

.myTextColor { color: #B28261; }

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

This text font color is #B28261.

Background Color

.myBgColor { background-color: #B28261; }

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

This div background color is #B28261.

Border color

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

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

This div border color is #B28261.

Opacity

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

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

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

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

This text has shadow with #B28261 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B28261.

Preview

Color preview on black background

This text has color #B28261 on black background.

Color preview on white background

This text has color #B28261 on white background.

Black color preview on #B28261 background

This text has black color on #B28261 background.

White color preview on #B28261 background

This text has white color on #B28261 background.