COLOR #BCC461

HEX: #BCC461
RGB: (188,196,97)

Color info

#BCC461 contains mainly red and green colors. Web safe color of #BCC461 is #CCCC66 (or #CC6).

RGB color model

#BCC461 color RGB value is (188,196,97).

  • red value is 188;
  • green value is 196;
  • blue value is 97.
RGB:
(188,196,97)
(74%,77%,38%)

RGB channels and saturation

R 188 of 255 = 74%
G 196 of 255 = 77%
B 97 of 255 = 38%

188
196
97

R + G + B ~ 63%. #BCC461 is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 196 + 97 = 481 (100%)
R 188 of 481 ~ 39.09%
G 196 of 481 ~ 40.75%
B 97 of 481 ~ 20.17%

%39.09
%40.75
%20.17

CMYK color model

#BCC461 color CMYK value is (4,0,51,23).

  • cyan value is 4.08%
  • magenta value is 0.00%
  • yellow value is 50.51%
  • key color value is 23.14%
CMYK:
(4,0,51,23)
C4M0Y51K23 
(4%,0%,51%,23%)
(0.04/0.00/0.51/0.23)	

CMYK percentages

%4.08
%0
%50.51
%23.14

Codes

Color #BCC461 in popluar color models

BCC461
RGB18819697
HSL65°45.62%57.45%
HSB/HSV65°50.51%76.86%
CMYK4.08%0.00%50.51%
23.14%

Color #BCC461 in popluar number systems.

HEXBCC461
Decimal18819697
Binary10111100110001001100001
Octal274304141

Shades and tints

Shades of #BCC461

#BCC461
(188,196,97)
#ABB359
(171,179,89)
#9AA251
(154,162,81)
#899149
(137,145,73)
#788041
(120,128,65)
#676F39
(103,111,57)
#565E31
(86,94,49)
#454D29
(69,77,41)
#343C21
(52,60,33)
#232B19
(35,43,25)
#121A11
(18,26,17)
#000000
(0,0,0)

Tints of #BCC461

#BCC461
(188,196,97)
#C2C96F
(194,201,111)
#C8CE7D
(200,206,125)
#CED38B
(206,211,139)
#D4D899
(212,216,153)
#DADDA7
(218,221,167)
#E0E2B5
(224,226,181)
#E6E7C3
(230,231,195)
#ECECD1
(236,236,209)
#F2F1DF
(242,241,223)
#F8F6ED
(248,246,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCC461 color. Also use rgb(188,196,97) instead hex code.

Text Font Color

.myTextColor { color: #BCC461; }

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

This text font color is #BCC461.


Background Color

.myBgColor { background-color: #BCC461; }

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

This div background color is #BCC461.


Border color

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

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

This div border color is #BCC461.


Opacity

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

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

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

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

This text has shadow with #BCC461 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BCC461 on black background.


Color preview on white background

This text has color #BCC461 on white background.



Black color preview on #BCC461 background

This text has black color on #BCC461 background.


White color preview on #BCC461 background

This text has white color on #BCC461 background.