COLOR #BC9058

HEX: #BC9058
RGB: (188,144,88)

Color info

#BC9058 contains mainly red and green colors. Web safe color of #BC9058 is #CC9966 (or #C96).

RGB color model

#BC9058 color RGB value is (188,144,88).

  • red value is 188;
  • green value is 144;
  • blue value is 88.
RGB:
(188,144,88)
(74%,56%,35%)

RGB channels and saturation

R 188 of 255 = 74%
G 144 of 255 = 56%
B 88 of 255 = 35%

188
144
88

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

Portions of RGB colors in percentages

R + G + B =
188 + 144 + 88 = 420 (100%)
R 188 of 420 ~ 44.76%
G 144 of 420 ~ 34.29%
B 88 of 420 ~ 20.95%

%44.76
%34.29
%20.95

CMYK color model

#BC9058 color CMYK value is (0,23,53,26).

  • cyan value is 0.00%
  • magenta value is 23.40%
  • yellow value is 53.19%
  • key color value is 26.27%
CMYK:
(0,23,53,26)
C0M23Y53K26 
(0%,23%,53%,26%)
(0.00/0.23/0.53/0.26)	

CMYK percentages

%0
%23.4
%53.19
%26.27

Codes

Color #BC9058 in popluar color models

BC9058
RGB18814488
HSL34°42.74%54.12%
HSB/HSV34°53.19%73.73%
CMYK0.00%23.40%53.19%
26.27%

Color #BC9058 in popluar number systems.

HEXBC9058
Decimal18814488
Binary10111100100100001011000
Octal274220130

Shades and tints

Shades of #BC9058

#BC9058
(188,144,88)
#AB8350
(171,131,80)
#9A7648
(154,118,72)
#896940
(137,105,64)
#785C38
(120,92,56)
#674F30
(103,79,48)
#564228
(86,66,40)
#453520
(69,53,32)
#342818
(52,40,24)
#231B10
(35,27,16)
#120E08
(18,14,8)
#000000
(0,0,0)

Tints of #BC9058

#BC9058
(188,144,88)
#C29A67
(194,154,103)
#C8A476
(200,164,118)
#CEAE85
(206,174,133)
#D4B894
(212,184,148)
#DAC2A3
(218,194,163)
#E0CCB2
(224,204,178)
#E6D6C1
(230,214,193)
#ECE0D0
(236,224,208)
#F2EADF
(242,234,223)
#F8F4EE
(248,244,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BC9058 color. Also use rgb(188,144,88) instead hex code.

Text Font Color

.myTextColor { color: #BC9058; }

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

This text font color is #BC9058.


Background Color

.myBgColor { background-color: #BC9058; }

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

This div background color is #BC9058.


Border color

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

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

This div border color is #BC9058.


Opacity

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

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

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

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

This text has shadow with #BC9058 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BC9058 on black background.


Color preview on white background

This text has color #BC9058 on white background.



Black color preview on #BC9058 background

This text has black color on #BC9058 background.


White color preview on #BC9058 background

This text has white color on #BC9058 background.