Color #886AC4

Color info

#886AC4 contains mainly blue color. Web safe color of #886AC4 is #9966CC (or #96C).

RGB color model

#886AC4 color RGB value is (136,106,196).

red value is 136;
green value is 106;
blue value is 196.

RGB:
(136,106,196)
(53%,42%,77%)

RGB channels and saturation

R 136 of 255 = 53%
G 106 of 255 = 42%
B 196 of 255 = 77%

136

106

196

R + G + B ~ 57%. #886AC4 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
136 + 106 + 196 = 438 (100%)
R 136 of 438 ~ 31.05%
G 106 of 438 ~ 24.2%
B 196 of 438 ~ 44.75%

%31.05

%24.2

%44.75

CMYK color model

#886AC4 color CMYK value is (31,46,0,23).

cyan value is 30.61%
magenta value is 45.92%
yellow value is 0.00%
key color value is 23.14%

CMYK:
(31,46,0,23)
C31M46Y0K23 
(31%,46%,0%,23%)
(0.31/0.46/0.00/0.23)

CMYK percentages

%30.61

%45.92

%23.14

Codes

Color #886AC4 in popluar color models

	88	6A	C4
RGB	136	106	196
HSL	260°	43.27%	59.22%
HSB/HSV	260°	45.92%	76.86%
CMYK	30.61%	45.92%	0.00%
CMYK	23.14%

Color #886AC4 in popluar number systems.

HEX	88	6A	C4
Decimal	136	106	196
Binary	10001000	1101010	11000100
Octal	210	152	304

Shades and tints

Shades of #886AC4

#886AC4
(136,106,196)

#7C61B3
(124,97,179)

#7058A2
(112,88,162)

#644F91
(100,79,145)

#584680
(88,70,128)

#4C3D6F
(76,61,111)

#40345E
(64,52,94)

#342B4D
(52,43,77)

#28223C
(40,34,60)

#1C192B
(28,25,43)

#10101A
(16,16,26)

#000000
(0,0,0)

Tints of #886AC4

#886AC4
(136,106,196)

#9277C9
(146,119,201)

#9C84CE
(156,132,206)

#A691D3
(166,145,211)

#B09ED8
(176,158,216)

#BAABDD
(186,171,221)

#C4B8E2
(196,184,226)

#CEC5E7
(206,197,231)

#D8D2EC
(216,210,236)

#E2DFF1
(226,223,241)

#ECECF6
(236,236,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #886AC4 color. Also use rgb(136,106,196) instead hex code.

Text Font Color

.myTextColor { color: #886AC4; }

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

This text font color is #886AC4.

Background Color

.myBgColor { background-color: #886AC4; }

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

This div background color is #886AC4.

Border color

.myBorderColor { border: 1px solid #886AC4; }

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

This div border color is #886AC4.

Opacity

.myOpacity80 { color: #886AC4; opacity: 0.8; }

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

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

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

This text has shadow with #886AC4 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #886AC4.

Preview

Color preview on black background

This text has color #886AC4 on black background.

Color preview on white background

This text has color #886AC4 on white background.

Black color preview on #886AC4 background

This text has black color on #886AC4 background.

White color preview on #886AC4 background

This text has white color on #886AC4 background.