COLOR #BC9CF0

HEX: #BC9CF0
RGB: (188,156,240)

Color info

#BC9CF0 contains mainly red and blue colors. Web safe color of #BC9CF0 is #CC99FF (or #C9F).

RGB color model

#BC9CF0 color RGB value is (188,156,240).

  • red value is 188;
  • green value is 156;
  • blue value is 240.
RGB:
(188,156,240)
(74%,61%,94%)

RGB channels and saturation

R 188 of 255 = 74%
G 156 of 255 = 61%
B 240 of 255 = 94%

188
156
240

R + G + B ~ 76%. #BC9CF0 is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 156 + 240 = 584 (100%)
R 188 of 584 ~ 32.19%
G 156 of 584 ~ 26.71%
B 240 of 584 ~ 41.1%

%32.19
%26.71
%41.1

CMYK color model

#BC9CF0 color CMYK value is (22,35,0,6).

  • cyan value is 21.67%
  • magenta value is 35.00%
  • yellow value is 0.00%
  • key color value is 5.88%
CMYK:
(22,35,0,6)
C22M35Y0K6 
(22%,35%,0%,6%)
(0.22/0.35/0.00/0.06)	

CMYK percentages

%21.67
%35
%0
%5.88

Codes

Color #BC9CF0 in popluar color models

BC9CF0
RGB188156240
HSL263°73.68%77.65%
HSB/HSV263°35.00%94.12%
CMYK21.67%35.00%0.00%
5.88%

Color #BC9CF0 in popluar number systems.

HEXBC9CF0
Decimal188156240
Binary101111001001110011110000
Octal274234360

Shades and tints

Shades of #BC9CF0

#BC9CF0
(188,156,240)
#AB8EDB
(171,142,219)
#9A80C6
(154,128,198)
#8972B1
(137,114,177)
#78649C
(120,100,156)
#675687
(103,86,135)
#564872
(86,72,114)
#453A5D
(69,58,93)
#342C48
(52,44,72)
#231E33
(35,30,51)
#12101E
(18,16,30)
#000000
(0,0,0)

Tints of #BC9CF0

#BC9CF0
(188,156,240)
#C2A5F1
(194,165,241)
#C8AEF2
(200,174,242)
#CEB7F3
(206,183,243)
#D4C0F4
(212,192,244)
#DAC9F5
(218,201,245)
#E0D2F6
(224,210,246)
#E6DBF7
(230,219,247)
#ECE4F8
(236,228,248)
#F2EDF9
(242,237,249)
#F8F6FA
(248,246,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BC9CF0 color. Also use rgb(188,156,240) instead hex code.

Text Font Color

.myTextColor { color: #BC9CF0; }

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

This text font color is #BC9CF0.


Background Color

.myBgColor { background-color: #BC9CF0; }

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

This div background color is #BC9CF0.


Border color

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

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

This div border color is #BC9CF0.


Opacity

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

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

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

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

This text has shadow with #BC9CF0 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BC9CF0 on black background.


Color preview on white background

This text has color #BC9CF0 on white background.



Black color preview on #BC9CF0 background

This text has black color on #BC9CF0 background.


White color preview on #BC9CF0 background

This text has white color on #BC9CF0 background.