Color #BA44CC

Color info

#BA44CC contains mainly red and blue colors. Web safe color of #BA44CC is #CC33CC (or #C3C).

RGB color model

#BA44CC color RGB value is (186,68,204).

red value is 186;
green value is 68;
blue value is 204.

RGB:
(186,68,204)
(73%,27%,80%)

RGB channels and saturation

R 186 of 255 = 73%
G 68 of 255 = 27%
B 204 of 255 = 80%

186

204

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

Portions of RGB colors in percentages

R + G + B =
186 + 68 + 204 = 458 (100%)
R 186 of 458 ~ 40.61%
G 68 of 458 ~ 14.85%
B 204 of 458 ~ 44.54%

%40.61

%14.85

%44.54

CMYK color model

#BA44CC color CMYK value is (9,67,0,20).

cyan value is 8.82%
magenta value is 66.67%
yellow value is 0.00%
key color value is 20.00%

CMYK:
(9,67,0,20)
C9M67Y0K20 
(9%,67%,0%,20%)
(0.09/0.67/0.00/0.20)

CMYK percentages

%8.82

%66.67

%20

Codes

Color #BA44CC in popluar color models

	BA	44	CC
RGB	186	68	204
HSL	292°	57.14%	53.33%
HSB/HSV	292°	66.67%	80.00%
CMYK	8.82%	66.67%	0.00%
CMYK	20.00%

Color #BA44CC in popluar number systems.

HEX	BA	44	CC
Decimal	186	68	204
Binary	10111010	1000100	11001100
Octal	272	104	314

Shades and tints

Shades of #BA44CC

#BA44CC
(186,68,204)

#AA3EBA
(170,62,186)

#9A38A8
(154,56,168)

#8A3296
(138,50,150)

#7A2C84
(122,44,132)

#6A2672
(106,38,114)

#5A2060
(90,32,96)

#4A1A4E
(74,26,78)

#3A143C
(58,20,60)

#2A0E2A
(42,14,42)

#1A0818
(26,8,24)

#000000
(0,0,0)

Tints of #BA44CC

#BA44CC
(186,68,204)

#C055D0
(192,85,208)

#C666D4
(198,102,212)

#CC77D8
(204,119,216)

#D288DC
(210,136,220)

#D899E0
(216,153,224)

#DEAAE4
(222,170,228)

#E4BBE8
(228,187,232)

#EACCEC
(234,204,236)

#F0DDF0
(240,221,240)

#F6EEF4
(246,238,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BA44CC color. Also use rgb(186,68,204) instead hex code.

Text Font Color

.myTextColor { color: #BA44CC; }

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

This text font color is #BA44CC.

Background Color

.myBgColor { background-color: #BA44CC; }

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

This div background color is #BA44CC.

Border color

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

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

This div border color is #BA44CC.

Opacity

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

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

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

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

This text has shadow with #BA44CC color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BA44CC.

Preview

Color preview on black background

This text has color #BA44CC on black background.

Color preview on white background

This text has color #BA44CC on white background.

Black color preview on #BA44CC background

This text has black color on #BA44CC background.

White color preview on #BA44CC background

This text has white color on #BA44CC background.