Color #B580BC

Color info

#B580BC contains mainly red and blue colors. Web safe color of #B580BC is #CC66CC (or #C6C).

RGB color model

#B580BC color RGB value is (181,128,188).

red value is 181;
green value is 128;
blue value is 188.

RGB:
(181,128,188)
(71%,50%,74%)

RGB channels and saturation

R 181 of 255 = 71%
G 128 of 255 = 50%
B 188 of 255 = 74%

181

128

188

R + G + B ~ 65%. #B580BC is quite light color.

Portions of RGB colors in percentages

R + G + B =
181 + 128 + 188 = 497 (100%)
R 181 of 497 ~ 36.42%
G 128 of 497 ~ 25.75%
B 188 of 497 ~ 37.83%

%36.42

%25.75

%37.83

CMYK color model

#B580BC color CMYK value is (4,32,0,26).

cyan value is 3.72%
magenta value is 31.91%
yellow value is 0.00%
key color value is 26.27%

CMYK:
(4,32,0,26)
C4M32Y0K26 
(4%,32%,0%,26%)
(0.04/0.32/0.00/0.26)

CMYK percentages

%3.72

%31.91

%26.27

Codes

Color #B580BC in popluar color models

	B5	80	BC
RGB	181	128	188
HSL	293°	30.93%	61.96%
HSB/HSV	293°	31.91%	73.73%
CMYK	3.72%	31.91%	0.00%
CMYK	26.27%

Color #B580BC in popluar number systems.

HEX	B5	80	BC
Decimal	181	128	188
Binary	10110101	10000000	10111100
Octal	265	200	274

Shades and tints

Shades of #B580BC

#B580BC
(181,128,188)

#A575AB
(165,117,171)

#956A9A
(149,106,154)

#855F89
(133,95,137)

#755478
(117,84,120)

#654967
(101,73,103)

#553E56
(85,62,86)

#453345
(69,51,69)

#352834
(53,40,52)

#251D23
(37,29,35)

#151212
(21,18,18)

#000000
(0,0,0)

Tints of #B580BC

#B580BC
(181,128,188)

#BB8BC2
(187,139,194)

#C196C8
(193,150,200)

#C7A1CE
(199,161,206)

#CDACD4
(205,172,212)

#D3B7DA
(211,183,218)

#D9C2E0
(217,194,224)

#DFCDE6
(223,205,230)

#E5D8EC
(229,216,236)

#EBE3F2
(235,227,242)

#F1EEF8
(241,238,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B580BC color. Also use rgb(181,128,188) instead hex code.

Text Font Color

.myTextColor { color: #B580BC; }

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

This text font color is #B580BC.

Background Color

.myBgColor { background-color: #B580BC; }

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

This div background color is #B580BC.

Border color

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

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

This div border color is #B580BC.

Opacity

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

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

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

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

This text has shadow with #B580BC color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B580BC.

Preview

Color preview on black background

This text has color #B580BC on black background.

Color preview on white background

This text has color #B580BC on white background.

Black color preview on #B580BC background

This text has black color on #B580BC background.

White color preview on #B580BC background

This text has white color on #B580BC background.