COLOR #B9BCFA

HEX: #B9BCFA
RGB: (185,188,250)

Color info

#B9BCFA contains mainly blue color. Web safe color of #B9BCFA is #CCCCFF (or #CCF).

RGB color model

#B9BCFA color RGB value is (185,188,250).

  • red value is 185;
  • green value is 188;
  • blue value is 250.
RGB:
(185,188,250)
(73%,74%,98%)

RGB channels and saturation

R 185 of 255 = 73%
G 188 of 255 = 74%
B 250 of 255 = 98%

185
188
250

R + G + B ~ 82%. #B9BCFA is quite light color.

Portions of RGB colors in percentages

R + G + B =
185 + 188 + 250 = 623 (100%)
R 185 of 623 ~ 29.7%
G 188 of 623 ~ 30.18%
B 250 of 623 ~ 40.13%

%29.7
%30.18
%40.13

CMYK color model

#B9BCFA color CMYK value is (26,25,0,2).

  • cyan value is 26.00%
  • magenta value is 24.80%
  • yellow value is 0.00%
  • key color value is 1.96%
CMYK:
(26,25,0,2)
C26M25Y0K2 
(26%,25%,0%,2%)
(0.26/0.25/0.00/0.02)	

CMYK percentages

%26
%24.8
%0
%1.96

Codes

Color #B9BCFA in popluar color models

B9BCFA
RGB185188250
HSL237°86.67%85.29%
HSB/HSV237°26.00%98.04%
CMYK26.00%24.80%0.00%
1.96%

Color #B9BCFA in popluar number systems.

HEXB9BCFA
Decimal185188250
Binary101110011011110011111010
Octal271274372

Shades and tints

Shades of #B9BCFA

#B9BCFA
(185,188,250)
#A9ABE4
(169,171,228)
#999ACE
(153,154,206)
#8989B8
(137,137,184)
#7978A2
(121,120,162)
#69678C
(105,103,140)
#595676
(89,86,118)
#494560
(73,69,96)
#39344A
(57,52,74)
#292334
(41,35,52)
#19121E
(25,18,30)
#000000
(0,0,0)

Tints of #B9BCFA

#B9BCFA
(185,188,250)
#BFC2FA
(191,194,250)
#C5C8FA
(197,200,250)
#CBCEFA
(203,206,250)
#D1D4FA
(209,212,250)
#D7DAFA
(215,218,250)
#DDE0FA
(221,224,250)
#E3E6FA
(227,230,250)
#E9ECFA
(233,236,250)
#EFF2FA
(239,242,250)
#F5F8FA
(245,248,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B9BCFA color. Also use rgb(185,188,250) instead hex code.

Text Font Color

.myTextColor { color: #B9BCFA; }

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

This text font color is #B9BCFA.


Background Color

.myBgColor { background-color: #B9BCFA; }

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

This div background color is #B9BCFA.


Border color

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

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

This div border color is #B9BCFA.


Opacity

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

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

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

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

This text has shadow with #B9BCFA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B9BCFA on black background.


Color preview on white background

This text has color #B9BCFA on white background.



Black color preview on #B9BCFA background

This text has black color on #B9BCFA background.


White color preview on #B9BCFA background

This text has white color on #B9BCFA background.