COLOR #B0A157

HEX: #B0A157 RGB: (176,161,87)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#B0A157 color RGB value is (176,161,87).

red value is 176;
green value is 161;
blue value is 87.

RGB: (176,161,87) (69%, 63%, 34%)

RGB channels and saturation

R 176 of 255 = 69%
G 161 of 255 = 63%
B 87 of 255 = 34%

176

161

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

Portions of RGB colors in percentages

R + G + B = 176 + 161 + 87 = 424 (100%)
R 176 of 424 ~ 41.51%
G 161 of 424 ~ 37.97%
B 87 of 424 ~ 20.52'%

%41.51

%37.97

%20.52

CMYK color model

#B0A157 color CMYK value is (0,9,51,31).

cyan value is 0.00%
magenta value is 8.52%
yellow value is 50.57%
key color value is 30.98%

CMYK: (0,9,51,31) C0M9Y51K31 (0%,9%,51%,31%) (0.00/0.09/0.51/0.31)

CMYK percentages

%8.52

%50.57

%30.98

Codes

Color #B0A157 in popluar color models

	B0	A1	57
RGB	176	161	87
HSL	50°	36.03%	51.57%
HSB/HSV	50°	50.57%	69.02%
CMYK	0.00%	8.52%	50.57%
CMYK	30.98%

Color #B0A157 in popluar number systems.

HEX	B0	A1	57
Decimal	176	161	87
Binary	10110000	10100001	1010111
Octal	260	241	127

Shades and tints

Shades of #B0A157

#B0A157
(176,161,87)

#A09350
(160,147,80)

#908549
(144,133,73)

#807742
(128,119,66)

#70693B
(112,105,59)

#605B34
(96,91,52)

#504D2D
(80,77,45)

#403F26
(64,63,38)

#30311F
(48,49,31)

#202318
(32,35,24)

#101511
(16,21,17)

#000000
(0,0,0)

Tints of #B0A157

#B0A157
(176,161,87)

#B7A966
(183,169,102)

#BEB175
(190,177,117)

#C5B984
(197,185,132)

#CCC193
(204,193,147)

#D3C9A2
(211,201,162)

#DAD1B1
(218,209,177)

#E1D9C0
(225,217,192)

#E8E1CF
(232,225,207)

#EFE9DE
(239,233,222)

#F6F1ED
(246,241,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B0A157 color. Also use rgb(176,161,87) instead hex code.

Text Font Color

.myTextColor { color: #B0A157; }

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

This text font color is #B0A157.

Background Color

.myBgColor { background-color: #B0A157; }

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

This div background color is #B0A157.

Border color

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

This div border color is #B0A157.

Opacity

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

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

This text has shadow with #B0A157 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B0A157.