COLOR #B76E79

HEX: #B76E79
RGB: (183,110,121)

Color info

#B76E79 contains mainly red color. Web safe color of #B76E79 is #CC6666 (or #C66).

RGB color model

#B76E79 color RGB value is (183,110,121).

  • red value is 183;
  • green value is 110;
  • blue value is 121.
RGB:
(183,110,121)
(72%,43%,47%)

RGB channels and saturation

R 183 of 255 = 72%
G 110 of 255 = 43%
B 121 of 255 = 47%

183
110
121

R + G + B ~ 54%. #B76E79 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
183 + 110 + 121 = 414 (100%)
R 183 of 414 ~ 44.2%
G 110 of 414 ~ 26.57%
B 121 of 414 ~ 29.23%

%44.2
%26.57
%29.23

CMYK color model

#B76E79 color CMYK value is (0,40,34,28).

  • cyan value is 0.00%
  • magenta value is 39.89%
  • yellow value is 33.88%
  • key color value is 28.24%
CMYK:
(0,40,34,28)
C0M40Y34K28 
(0%,40%,34%,28%)
(0.00/0.40/0.34/0.28)	

CMYK percentages

%0
%39.89
%33.88
%28.24

Codes

Color #B76E79 in popluar color models

B76E79
RGB183110121
HSL351°33.64%57.45%
HSB/HSV351°39.89%71.76%
CMYK0.00%39.89%33.88%
28.24%

Color #B76E79 in popluar number systems.

HEXB76E79
Decimal183110121
Binary1011011111011101111001
Octal267156171

Shades and tints

Shades of #B76E79

#B76E79
(183,110,121)
#A7646E
(167,100,110)
#975A63
(151,90,99)
#875058
(135,80,88)
#77464D
(119,70,77)
#673C42
(103,60,66)
#573237
(87,50,55)
#47282C
(71,40,44)
#371E21
(55,30,33)
#271416
(39,20,22)
#170A0B
(23,10,11)
#000000
(0,0,0)

Tints of #B76E79

#B76E79
(183,110,121)
#BD7B85
(189,123,133)
#C38891
(195,136,145)
#C9959D
(201,149,157)
#CFA2A9
(207,162,169)
#D5AFB5
(213,175,181)
#DBBCC1
(219,188,193)
#E1C9CD
(225,201,205)
#E7D6D9
(231,214,217)
#EDE3E5
(237,227,229)
#F3F0F1
(243,240,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B76E79 color. Also use rgb(183,110,121) instead hex code.

Text Font Color

.myTextColor { color: #B76E79; }

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

This text font color is #B76E79.


Background Color

.myBgColor { background-color: #B76E79; }

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

This div background color is #B76E79.


Border color

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

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

This div border color is #B76E79.


Opacity

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

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

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

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

This text has shadow with #B76E79 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B76E79 on black background.


Color preview on white background

This text has color #B76E79 on white background.



Black color preview on #B76E79 background

This text has black color on #B76E79 background.


White color preview on #B76E79 background

This text has white color on #B76E79 background.