COLOR #B681B5

HEX: #B681B5 RGB: (182,129,181)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#B681B5 contains red, green and blue colors in about the same proportion. Web safe color of #B681B5 is #CC99CC (or #C9C).

RGB color model

#B681B5 color RGB value is (182,129,181).

red value is 182;
green value is 129;
blue value is 181.

RGB: (182,129,181) (71%, 51%, 71%)

RGB channels and saturation

R 182 of 255 = 71%
G 129 of 255 = 51%
B 181 of 255 = 71%

182

129

181

R + G + B ~ 64%. #B681B5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 182 + 129 + 181 = 492 (100%)
R 182 of 492 ~ 36.99%
G 129 of 492 ~ 26.22%
B 181 of 492 ~ 36.79'%

%36.99

%26.22

%36.79

CMYK color model

#B681B5 color CMYK value is (0,29,1,29).

cyan value is 0.00%
magenta value is 29.12%
yellow value is 0.55%
key color value is 28.63%

CMYK: (0,29,1,29) C0M29Y1K29 (0%,29%,1%,29%) (0.00/0.29/0.01/0.29)

CMYK percentages

%29.12

%0.55

%28.63

Codes

Color #B681B5 in popluar color models

	B6	81	B5
RGB	182	129	181
HSL	301°	26.63%	60.98%
HSB/HSV	301°	29.12%	71.37%
CMYK	0.00%	29.12%	0.55%
CMYK	28.63%

Color #B681B5 in popluar number systems.

HEX	B6	81	B5
Decimal	182	129	181
Binary	10110110	10000001	10110101
Octal	266	201	265

Shades and tints

Shades of #B681B5

#B681B5
(182,129,181)

#A676A5
(166,118,165)

#966B95
(150,107,149)

#866085
(134,96,133)

#765575
(118,85,117)

#664A65
(102,74,101)

#563F55
(86,63,85)

#463445
(70,52,69)

#362935
(54,41,53)

#261E25
(38,30,37)

#161315
(22,19,21)

#000000
(0,0,0)

Tints of #B681B5

#B681B5
(182,129,181)

#BC8CBB
(188,140,187)

#C297C1
(194,151,193)

#C8A2C7
(200,162,199)

#CEADCD
(206,173,205)

#D4B8D3
(212,184,211)

#DAC3D9
(218,195,217)

#E0CEDF
(224,206,223)

#E6D9E5
(230,217,229)

#ECE4EB
(236,228,235)

#F2EFF1
(242,239,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B681B5 color. Also use rgb(182,129,181) instead hex code.

Text Font Color

.myTextColor { color: #B681B5; }

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

This text font color is #B681B5.

Background Color

.myBgColor { background-color: #B681B5; }

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

This div background color is #B681B5.

Border color

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

This div border color is #B681B5.

Opacity

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

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

This text has shadow with #B681B5 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B681B5.