COLOR #B781C4

HEX: #B781C4
RGB: (183,129,196)

Color info

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

RGB color model

#B781C4 color RGB value is (183,129,196).

  • red value is 183;
  • green value is 129;
  • blue value is 196.
RGB:
(183,129,196)
(72%,51%,77%)

RGB channels and saturation

R 183 of 255 = 72%
G 129 of 255 = 51%
B 196 of 255 = 77%

183
129
196

R + G + B ~ 67%. #B781C4 is quite light color.

Portions of RGB colors in percentages

R + G + B =
183 + 129 + 196 = 508 (100%)
R 183 of 508 ~ 36.02%
G 129 of 508 ~ 25.39%
B 196 of 508 ~ 38.58%

%36.02
%25.39
%38.58

CMYK color model

#B781C4 color CMYK value is (7,34,0,23).

  • cyan value is 6.63%
  • magenta value is 34.18%
  • yellow value is 0.00%
  • key color value is 23.14%
CMYK:
(7,34,0,23)
C7M34Y0K23 
(7%,34%,0%,23%)
(0.07/0.34/0.00/0.23)	

CMYK percentages

%6.63
%34.18
%0
%23.14

Codes

Color #B781C4 in popluar color models

B781C4
RGB183129196
HSL288°36.22%63.73%
HSB/HSV288°34.18%76.86%
CMYK6.63%34.18%0.00%
23.14%

Color #B781C4 in popluar number systems.

HEXB781C4
Decimal183129196
Binary101101111000000111000100
Octal267201304

Shades and tints

Shades of #B781C4

#B781C4
(183,129,196)
#A776B3
(167,118,179)
#976BA2
(151,107,162)
#876091
(135,96,145)
#775580
(119,85,128)
#674A6F
(103,74,111)
#573F5E
(87,63,94)
#47344D
(71,52,77)
#37293C
(55,41,60)
#271E2B
(39,30,43)
#17131A
(23,19,26)
#000000
(0,0,0)

Tints of #B781C4

#B781C4
(183,129,196)
#BD8CC9
(189,140,201)
#C397CE
(195,151,206)
#C9A2D3
(201,162,211)
#CFADD8
(207,173,216)
#D5B8DD
(213,184,221)
#DBC3E2
(219,195,226)
#E1CEE7
(225,206,231)
#E7D9EC
(231,217,236)
#EDE4F1
(237,228,241)
#F3EFF6
(243,239,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B781C4 color. Also use rgb(183,129,196) instead hex code.

Text Font Color

.myTextColor { color: #B781C4; }

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

This text font color is #B781C4.


Background Color

.myBgColor { background-color: #B781C4; }

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

This div background color is #B781C4.


Border color

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

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

This div border color is #B781C4.


Opacity

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

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

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

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

This text has shadow with #B781C4 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B781C4 on black background.


Color preview on white background

This text has color #B781C4 on white background.



Black color preview on #B781C4 background

This text has black color on #B781C4 background.


White color preview on #B781C4 background

This text has white color on #B781C4 background.