COLOR #B58BDD

HEX: #B58BDD
RGB: (181,139,221)

Color info

#B58BDD contains mainly red and blue colors. Web safe color of #B58BDD is #CC99CC (or #C9C).

RGB color model

#B58BDD color RGB value is (181,139,221).

  • red value is 181;
  • green value is 139;
  • blue value is 221.
RGB:
(181,139,221)
(71%,55%,87%)

RGB channels and saturation

R 181 of 255 = 71%
G 139 of 255 = 55%
B 221 of 255 = 87%

181
139
221

R + G + B ~ 71%. #B58BDD is quite light color.

Portions of RGB colors in percentages

R + G + B =
181 + 139 + 221 = 541 (100%)
R 181 of 541 ~ 33.46%
G 139 of 541 ~ 25.69%
B 221 of 541 ~ 40.85%

%33.46
%25.69
%40.85

CMYK color model

#B58BDD color CMYK value is (18,37,0,13).

  • cyan value is 18.10%
  • magenta value is 37.10%
  • yellow value is 0.00%
  • key color value is 13.33%
CMYK:
(18,37,0,13)
C18M37Y0K13 
(18%,37%,0%,13%)
(0.18/0.37/0.00/0.13)	

CMYK percentages

%18.1
%37.1
%0
%13.33

Codes

Color #B58BDD in popluar color models

B58BDD
RGB181139221
HSL271°54.67%70.59%
HSB/HSV271°37.10%86.67%
CMYK18.10%37.10%0.00%
13.33%

Color #B58BDD in popluar number systems.

HEXB58BDD
Decimal181139221
Binary101101011000101111011101
Octal265213335

Shades and tints

Shades of #B58BDD

#B58BDD
(181,139,221)
#A57FC9
(165,127,201)
#9573B5
(149,115,181)
#8567A1
(133,103,161)
#755B8D
(117,91,141)
#654F79
(101,79,121)
#554365
(85,67,101)
#453751
(69,55,81)
#352B3D
(53,43,61)
#251F29
(37,31,41)
#151315
(21,19,21)
#000000
(0,0,0)

Tints of #B58BDD

#B58BDD
(181,139,221)
#BB95E0
(187,149,224)
#C19FE3
(193,159,227)
#C7A9E6
(199,169,230)
#CDB3E9
(205,179,233)
#D3BDEC
(211,189,236)
#D9C7EF
(217,199,239)
#DFD1F2
(223,209,242)
#E5DBF5
(229,219,245)
#EBE5F8
(235,229,248)
#F1EFFB
(241,239,251)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B58BDD color. Also use rgb(181,139,221) instead hex code.

Text Font Color

.myTextColor { color: #B58BDD; }

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

This text font color is #B58BDD.


Background Color

.myBgColor { background-color: #B58BDD; }

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

This div background color is #B58BDD.


Border color

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

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

This div border color is #B58BDD.


Opacity

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

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

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

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

This text has shadow with #B58BDD color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B58BDD on black background.


Color preview on white background

This text has color #B58BDD on white background.



Black color preview on #B58BDD background

This text has black color on #B58BDD background.


White color preview on #B58BDD background

This text has white color on #B58BDD background.