COLOR #AC60AE

HEX: #AC60AE RGB: (172,96,174)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#AC60AE contains mainly red and blue colors. Web safe color of #AC60AE is #996699 (or #969).

RGB color model

#AC60AE color RGB value is (172,96,174).

red value is 172;
green value is 96;
blue value is 174.

RGB: (172,96,174) (67%, 38%, 68%)

RGB channels and saturation

R 172 of 255 = 67%
G 96 of 255 = 38%
B 174 of 255 = 68%

172

174

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

Portions of RGB colors in percentages

R + G + B = 172 + 96 + 174 = 442 (100%)
R 172 of 442 ~ 38.91%
G 96 of 442 ~ 21.72%
B 174 of 442 ~ 39.37'%

%38.91

%21.72

%39.37

CMYK color model

#AC60AE color CMYK value is (1,45,0,32).

cyan value is 1.15%
magenta value is 44.83%
yellow value is 0.00%
key color value is 31.76%

CMYK: (1,45,0,32) C1M45Y0K32 (1%,45%,0%,32%) (0.01/0.45/0.00/0.32)

CMYK percentages

%1.15

%44.83

%31.76

Codes

Color #AC60AE in popluar color models

	AC	60	AE
RGB	172	96	174
HSL	298°	32.50%	52.94%
HSB/HSV	298°	44.83%	68.24%
CMYK	1.15%	44.83%	0.00%
CMYK	31.76%

Color #AC60AE in popluar number systems.

HEX	AC	60	AE
Decimal	172	96	174
Binary	10101100	1100000	10101110
Octal	254	140	256

Shades and tints

Shades of #AC60AE

#AC60AE
(172,96,174)

#9D589F
(157,88,159)

#8E5090
(142,80,144)

#7F4881
(127,72,129)

#704072
(112,64,114)

#613863
(97,56,99)

#523054
(82,48,84)

#432845
(67,40,69)

#342036
(52,32,54)

#251827
(37,24,39)

#161018
(22,16,24)

#000000
(0,0,0)

Tints of #AC60AE

#AC60AE
(172,96,174)

#B36EB5
(179,110,181)

#BA7CBC
(186,124,188)

#C18AC3
(193,138,195)

#C898CA
(200,152,202)

#CFA6D1
(207,166,209)

#D6B4D8
(214,180,216)

#DDC2DF
(221,194,223)

#E4D0E6
(228,208,230)

#EBDEED
(235,222,237)

#F2ECF4
(242,236,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AC60AE color. Also use rgb(172,96,174) instead hex code.

Text Font Color

.myTextColor { color: #AC60AE; }

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

This text font color is #AC60AE.

Background Color

.myBgColor { background-color: #AC60AE; }

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

This div background color is #AC60AE.

Border color

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

This div border color is #AC60AE.

Opacity

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

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

This text has shadow with #AC60AE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AC60AE.