COLOR #BA738B

HEX: #BA738B RGB: (186,115,139)

Color info

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

RGB color model

#BA738B color RGB value is (186,115,139).

RGB: (186,115,139) (73%, 45%, 55%)

RGB channels and saturation

R 186 of 255 = 73%
G 115 of 255 = 45%
B 139 of 255 = 55%

186
115
139

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

Portions of RGB colors in percentages

R + G + B = 186 + 115 + 139 = 440 (100%)
R 186 of 440 ~ 42.27%
G 115 of 440 ~ 26.14%
B 139 of 440 ~ 31.59'%

%42.27
%26.14
%31.59

CMYK color model

#BA738B color CMYK value is (0,38,25,27).

  • cyan value is 0.00%
  • magenta value is 38.17%
  • yellow value is 25.27%
  • key color value is 27.06%

CMYK: (0,38,25,27)
C0M38Y25K27 (0%, 38%, 25%, 27%)
(0.00 / 0.38 / 0.25 / 0.27)

CMYK percentages

%0
%38.17
%25.27
%27.06

Codes

Color #BA738B in popluar color models

BA 73 8B
RGB 186 115 139
HSL 340° 33.97% 59.02%
HSB/HSV 340° 38.17% 72.94%
CMYK 0.00% 38.17% 25.27%
27.06%

Color #BA738B in popluar number systems.

HEX BA 73 8B
Decimal 186 115 139
Binary 10111010 1110011 10001011
Octal 272 163 213

Shades and tints

Shades of #BA738B

#BA738B
(186,115,139)
#AA697F
(170,105,127)
#9A5F73
(154,95,115)
#8A5567
(138,85,103)
#7A4B5B
(122,75,91)
#6A414F
(106,65,79)
#5A3743
(90,55,67)
#4A2D37
(74,45,55)
#3A232B
(58,35,43)
#2A191F
(42,25,31)
#1A0F13
(26,15,19)
#000000
(0,0,0)

Tints of #BA738B

#BA738B
(186,115,139)
#C07F95
(192,127,149)
#C68B9F
(198,139,159)
#CC97A9
(204,151,169)
#D2A3B3
(210,163,179)
#D8AFBD
(216,175,189)
#DEBBC7
(222,187,199)
#E4C7D1
(228,199,209)
#EAD3DB
(234,211,219)
#F0DFE5
(240,223,229)
#F6EBEF
(246,235,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BA738B color. Also use rgb(186,115,139) instead hex code.

Text Font Color

.myTextColor { color: #BA738B; }

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

This text font color is #BA738B.

Background Color

.myBgColor { background-color: #BA738B; }

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

This div background color is #BA738B.

Border color

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

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

This div border color is #BA738B.

Opacity

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

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

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

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

This text has shadow with #BA738B color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #BA738B.

Preview

Color preview on black background

This text has color #BA738B on black background.


Color preview on white background

This text has color #BA738B on white background.


Black color preview on #BA738B background

This text has black color on #BA738B background.


White color preview on #BA738B background

This text has white color on #BA738B background.


Related colors

Complementary color

Complementary color for #hex is #458C74.


I love getcolorcode.com

Triadic colors

1 #8BBA73 and #738BBA with #BA738B are triadic colors.

2 #8B73BA and #73BA8B with #BA738B are triadic colors.