COLOR #B27993

HEX: #B27993
RGB: (178,121,147)

Color info

#B27993 contains red, green and blue colors in about the same proportion. Web safe color of #B27993 is #996699 (or #969).

RGB color model

#B27993 color RGB value is (178,121,147).

  • red value is 178;
  • green value is 121;
  • blue value is 147.
RGB:
(178,121,147)
(70%,47%,58%)

RGB channels and saturation

R 178 of 255 = 70%
G 121 of 255 = 47%
B 147 of 255 = 58%

178
121
147

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

Portions of RGB colors in percentages

R + G + B =
178 + 121 + 147 = 446 (100%)
R 178 of 446 ~ 39.91%
G 121 of 446 ~ 27.13%
B 147 of 446 ~ 32.96%

%39.91
%27.13
%32.96

CMYK color model

#B27993 color CMYK value is (0,32,17,30).

  • cyan value is 0.00%
  • magenta value is 32.02%
  • yellow value is 17.42%
  • key color value is 30.20%
CMYK:
(0,32,17,30)
C0M32Y17K30 
(0%,32%,17%,30%)
(0.00/0.32/0.17/0.30)	

CMYK percentages

%0
%32.02
%17.42
%30.2

Codes

Color #B27993 in popluar color models

B27993
RGB178121147
HSL333°27.01%58.63%
HSB/HSV333°32.02%69.80%
CMYK0.00%32.02%17.42%
30.20%

Color #B27993 in popluar number systems.

HEXB27993
Decimal178121147
Binary10110010111100110010011
Octal262171223

Shades and tints

Shades of #B27993

#B27993
(178,121,147)
#A26E86
(162,110,134)
#926379
(146,99,121)
#82586C
(130,88,108)
#724D5F
(114,77,95)
#624252
(98,66,82)
#523745
(82,55,69)
#422C38
(66,44,56)
#32212B
(50,33,43)
#22161E
(34,22,30)
#120B11
(18,11,17)
#000000
(0,0,0)

Tints of #B27993

#B27993
(178,121,147)
#B9859C
(185,133,156)
#C091A5
(192,145,165)
#C79DAE
(199,157,174)
#CEA9B7
(206,169,183)
#D5B5C0
(213,181,192)
#DCC1C9
(220,193,201)
#E3CDD2
(227,205,210)
#EAD9DB
(234,217,219)
#F1E5E4
(241,229,228)
#F8F1ED
(248,241,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B27993 color. Also use rgb(178,121,147) instead hex code.

Text Font Color

.myTextColor { color: #B27993; }

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

This text font color is #B27993.


Background Color

.myBgColor { background-color: #B27993; }

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

This div background color is #B27993.


Border color

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

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

This div border color is #B27993.


Opacity

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

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

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

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

This text has shadow with #B27993 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B27993 on black background.


Color preview on white background

This text has color #B27993 on white background.



Black color preview on #B27993 background

This text has black color on #B27993 background.


White color preview on #B27993 background

This text has white color on #B27993 background.