COLOR #BD76A6

HEX: #BD76A6
RGB: (189,118,166)

Color info

#BD76A6 contains mainly red and blue colors. Web safe color of #BD76A6 is #CC6699 (or #C69).

RGB color model

#BD76A6 color RGB value is (189,118,166).

  • red value is 189;
  • green value is 118;
  • blue value is 166.
RGB:
(189,118,166)
(74%,46%,65%)

RGB channels and saturation

R 189 of 255 = 74%
G 118 of 255 = 46%
B 166 of 255 = 65%

189
118
166

R + G + B ~ 62%. #BD76A6 is quite light color.

Portions of RGB colors in percentages

R + G + B =
189 + 118 + 166 = 473 (100%)
R 189 of 473 ~ 39.96%
G 118 of 473 ~ 24.95%
B 166 of 473 ~ 35.1%

%39.96
%24.95
%35.1

CMYK color model

#BD76A6 color CMYK value is (0,38,12,26).

  • cyan value is 0.00%
  • magenta value is 37.57%
  • yellow value is 12.17%
  • key color value is 25.88%
CMYK:
(0,38,12,26)
C0M38Y12K26 
(0%,38%,12%,26%)
(0.00/0.38/0.12/0.26)	

CMYK percentages

%0
%37.57
%12.17
%25.88

Codes

Color #BD76A6 in popluar color models

BD76A6
RGB189118166
HSL319°34.98%60.20%
HSB/HSV319°37.57%74.12%
CMYK0.00%37.57%12.17%
25.88%

Color #BD76A6 in popluar number systems.

HEXBD76A6
Decimal189118166
Binary10111101111011010100110
Octal275166246

Shades and tints

Shades of #BD76A6

#BD76A6
(189,118,166)
#AC6C97
(172,108,151)
#9B6288
(155,98,136)
#8A5879
(138,88,121)
#794E6A
(121,78,106)
#68445B
(104,68,91)
#573A4C
(87,58,76)
#46303D
(70,48,61)
#35262E
(53,38,46)
#241C1F
(36,28,31)
#131210
(19,18,16)
#000000
(0,0,0)

Tints of #BD76A6

#BD76A6
(189,118,166)
#C382AE
(195,130,174)
#C98EB6
(201,142,182)
#CF9ABE
(207,154,190)
#D5A6C6
(213,166,198)
#DBB2CE
(219,178,206)
#E1BED6
(225,190,214)
#E7CADE
(231,202,222)
#EDD6E6
(237,214,230)
#F3E2EE
(243,226,238)
#F9EEF6
(249,238,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BD76A6 color. Also use rgb(189,118,166) instead hex code.

Text Font Color

.myTextColor { color: #BD76A6; }

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

This text font color is #BD76A6.


Background Color

.myBgColor { background-color: #BD76A6; }

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

This div background color is #BD76A6.


Border color

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

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

This div border color is #BD76A6.


Opacity

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

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

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

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

This text has shadow with #BD76A6 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BD76A6 on black background.


Color preview on white background

This text has color #BD76A6 on white background.



Black color preview on #BD76A6 background

This text has black color on #BD76A6 background.


White color preview on #BD76A6 background

This text has white color on #BD76A6 background.