COLOR #B584CE

HEX: #B584CE
RGB: (181,132,206)

Color info

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

RGB color model

#B584CE color RGB value is (181,132,206).

  • red value is 181;
  • green value is 132;
  • blue value is 206.
RGB:
(181,132,206)
(71%,52%,81%)

RGB channels and saturation

R 181 of 255 = 71%
G 132 of 255 = 52%
B 206 of 255 = 81%

181
132
206

R + G + B ~ 68%. #B584CE is quite light color.

Portions of RGB colors in percentages

R + G + B =
181 + 132 + 206 = 519 (100%)
R 181 of 519 ~ 34.87%
G 132 of 519 ~ 25.43%
B 206 of 519 ~ 39.69%

%34.87
%25.43
%39.69

CMYK color model

#B584CE color CMYK value is (12,36,0,19).

  • cyan value is 12.14%
  • magenta value is 35.92%
  • yellow value is 0.00%
  • key color value is 19.22%
CMYK:
(12,36,0,19)
C12M36Y0K19 
(12%,36%,0%,19%)
(0.12/0.36/0.00/0.19)	

CMYK percentages

%12.14
%35.92
%0
%19.22

Codes

Color #B584CE in popluar color models

B584CE
RGB181132206
HSL280°43.02%66.27%
HSB/HSV280°35.92%80.78%
CMYK12.14%35.92%0.00%
19.22%

Color #B584CE in popluar number systems.

HEXB584CE
Decimal181132206
Binary101101011000010011001110
Octal265204316

Shades and tints

Shades of #B584CE

#B584CE
(181,132,206)
#A578BC
(165,120,188)
#956CAA
(149,108,170)
#856098
(133,96,152)
#755486
(117,84,134)
#654874
(101,72,116)
#553C62
(85,60,98)
#453050
(69,48,80)
#35243E
(53,36,62)
#25182C
(37,24,44)
#150C1A
(21,12,26)
#000000
(0,0,0)

Tints of #B584CE

#B584CE
(181,132,206)
#BB8FD2
(187,143,210)
#C19AD6
(193,154,214)
#C7A5DA
(199,165,218)
#CDB0DE
(205,176,222)
#D3BBE2
(211,187,226)
#D9C6E6
(217,198,230)
#DFD1EA
(223,209,234)
#E5DCEE
(229,220,238)
#EBE7F2
(235,231,242)
#F1F2F6
(241,242,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B584CE color. Also use rgb(181,132,206) instead hex code.

Text Font Color

.myTextColor { color: #B584CE; }

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

This text font color is #B584CE.


Background Color

.myBgColor { background-color: #B584CE; }

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

This div background color is #B584CE.


Border color

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

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

This div border color is #B584CE.


Opacity

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

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

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

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

This text has shadow with #B584CE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B584CE on black background.


Color preview on white background

This text has color #B584CE on white background.



Black color preview on #B584CE background

This text has black color on #B584CE background.


White color preview on #B584CE background

This text has white color on #B584CE background.