COLOR #BCBFCE

HEX: #BCBFCE
RGB: (188,191,206)

Color info

#BCBFCE contains red, green and blue colors in about the same proportion. Web safe color of #BCBFCE is #CCCCCC (or #CCC).

RGB color model

#BCBFCE color RGB value is (188,191,206).

  • red value is 188;
  • green value is 191;
  • blue value is 206.
RGB:
(188,191,206)
(74%,75%,81%)

RGB channels and saturation

R 188 of 255 = 74%
G 191 of 255 = 75%
B 206 of 255 = 81%

188
191
206

R + G + B ~ 77%. #BCBFCE is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 191 + 206 = 585 (100%)
R 188 of 585 ~ 32.14%
G 191 of 585 ~ 32.65%
B 206 of 585 ~ 35.21%

%32.14
%32.65
%35.21

CMYK color model

#BCBFCE color CMYK value is (9,7,0,19).

  • cyan value is 8.74%
  • magenta value is 7.28%
  • yellow value is 0.00%
  • key color value is 19.22%
CMYK:
(9,7,0,19)
C9M7Y0K19 
(9%,7%,0%,19%)
(0.09/0.07/0.00/0.19)	

CMYK percentages

%8.74
%7.28
%0
%19.22

Codes

Color #BCBFCE in popluar color models

BCBFCE
RGB188191206
HSL230°15.52%77.25%
HSB/HSV230°8.74%80.78%
CMYK8.74%7.28%0.00%
19.22%

Color #BCBFCE in popluar number systems.

HEXBCBFCE
Decimal188191206
Binary101111001011111111001110
Octal274277316

Shades and tints

Shades of #BCBFCE

#BCBFCE
(188,191,206)
#ABAEBC
(171,174,188)
#9A9DAA
(154,157,170)
#898C98
(137,140,152)
#787B86
(120,123,134)
#676A74
(103,106,116)
#565962
(86,89,98)
#454850
(69,72,80)
#34373E
(52,55,62)
#23262C
(35,38,44)
#12151A
(18,21,26)
#000000
(0,0,0)

Tints of #BCBFCE

#BCBFCE
(188,191,206)
#C2C4D2
(194,196,210)
#C8C9D6
(200,201,214)
#CECEDA
(206,206,218)
#D4D3DE
(212,211,222)
#DAD8E2
(218,216,226)
#E0DDE6
(224,221,230)
#E6E2EA
(230,226,234)
#ECE7EE
(236,231,238)
#F2ECF2
(242,236,242)
#F8F1F6
(248,241,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCBFCE color. Also use rgb(188,191,206) instead hex code.

Text Font Color

.myTextColor { color: #BCBFCE; }

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

This text font color is #BCBFCE.


Background Color

.myBgColor { background-color: #BCBFCE; }

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

This div background color is #BCBFCE.


Border color

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

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

This div border color is #BCBFCE.


Opacity

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

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

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

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

This text has shadow with #BCBFCE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BCBFCE on black background.


Color preview on white background

This text has color #BCBFCE on white background.



Black color preview on #BCBFCE background

This text has black color on #BCBFCE background.


White color preview on #BCBFCE background

This text has white color on #BCBFCE background.