COLOR #AC4EBB

HEX: #AC4EBB
RGB: (172,78,187)

Color info

#AC4EBB contains mainly red and blue colors. Web safe color of #AC4EBB is #9966CC (or #96C).

RGB color model

#AC4EBB color RGB value is (172,78,187).

  • red value is 172;
  • green value is 78;
  • blue value is 187.
RGB:
(172,78,187)
(67%,31%,73%)

RGB channels and saturation

R 172 of 255 = 67%
G 78 of 255 = 31%
B 187 of 255 = 73%

172
78
187

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

Portions of RGB colors in percentages

R + G + B =
172 + 78 + 187 = 437 (100%)
R 172 of 437 ~ 39.36%
G 78 of 437 ~ 17.85%
B 187 of 437 ~ 42.79%

%39.36
%17.85
%42.79

CMYK color model

#AC4EBB color CMYK value is (8,58,0,27).

  • cyan value is 8.02%
  • magenta value is 58.29%
  • yellow value is 0.00%
  • key color value is 26.67%
CMYK:
(8,58,0,27)
C8M58Y0K27 
(8%,58%,0%,27%)
(0.08/0.58/0.00/0.27)	

CMYK percentages

%8.02
%58.29
%0
%26.67

Codes

Color #AC4EBB in popluar color models

AC4EBB
RGB17278187
HSL292°44.49%51.96%
HSB/HSV292°58.29%73.33%
CMYK8.02%58.29%0.00%
26.67%

Color #AC4EBB in popluar number systems.

HEXAC4EBB
Decimal17278187
Binary10101100100111010111011
Octal254116273

Shades and tints

Shades of #AC4EBB

#AC4EBB
(172,78,187)
#9D47AA
(157,71,170)
#8E4099
(142,64,153)
#7F3988
(127,57,136)
#703277
(112,50,119)
#612B66
(97,43,102)
#522455
(82,36,85)
#431D44
(67,29,68)
#341633
(52,22,51)
#250F22
(37,15,34)
#160811
(22,8,17)
#000000
(0,0,0)

Tints of #AC4EBB

#AC4EBB
(172,78,187)
#B35EC1
(179,94,193)
#BA6EC7
(186,110,199)
#C17ECD
(193,126,205)
#C88ED3
(200,142,211)
#CF9ED9
(207,158,217)
#D6AEDF
(214,174,223)
#DDBEE5
(221,190,229)
#E4CEEB
(228,206,235)
#EBDEF1
(235,222,241)
#F2EEF7
(242,238,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AC4EBB color. Also use rgb(172,78,187) instead hex code.

Text Font Color

.myTextColor { color: #AC4EBB; }

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

This text font color is #AC4EBB.


Background Color

.myBgColor { background-color: #AC4EBB; }

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

This div background color is #AC4EBB.


Border color

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

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

This div border color is #AC4EBB.


Opacity

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

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

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

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

This text has shadow with #AC4EBB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #AC4EBB on black background.


Color preview on white background

This text has color #AC4EBB on white background.



Black color preview on #AC4EBB background

This text has black color on #AC4EBB background.


White color preview on #AC4EBB background

This text has white color on #AC4EBB background.