COLOR #AE6BA2

HEX: #AE6BA2 RGB: (174,107,162)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#AE6BA2 color RGB value is (174,107,162).

red value is 174;
green value is 107;
blue value is 162.

RGB: (174,107,162) (68%, 42%, 64%)

RGB channels and saturation

R 174 of 255 = 68%
G 107 of 255 = 42%
B 162 of 255 = 64%

174

107

162

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

Portions of RGB colors in percentages

R + G + B = 174 + 107 + 162 = 443 (100%)
R 174 of 443 ~ 39.28%
G 107 of 443 ~ 24.15%
B 162 of 443 ~ 36.57'%

%39.28

%24.15

%36.57

CMYK color model

#AE6BA2 color CMYK value is (0,39,7,32).

cyan value is 0.00%
magenta value is 38.51%
yellow value is 6.90%
key color value is 31.76%

CMYK: (0,39,7,32) C0M39Y7K32 (0%,39%,7%,32%) (0.00/0.39/0.07/0.32)

CMYK percentages

%38.51

%6.9

%31.76

Codes

Color #AE6BA2 in popluar color models

	AE	6B	A2
RGB	174	107	162
HSL	311°	29.26%	55.10%
HSB/HSV	311°	38.51%	68.24%
CMYK	0.00%	38.51%	6.90%
CMYK	31.76%

Color #AE6BA2 in popluar number systems.

HEX	AE	6B	A2
Decimal	174	107	162
Binary	10101110	1101011	10100010
Octal	256	153	242

Shades and tints

Shades of #AE6BA2

#AE6BA2
(174,107,162)

#9F6294
(159,98,148)

#905986
(144,89,134)

#815078
(129,80,120)

#72476A
(114,71,106)

#633E5C
(99,62,92)

#54354E
(84,53,78)

#452C40
(69,44,64)

#362332
(54,35,50)

#271A24
(39,26,36)

#181116
(24,17,22)

#000000
(0,0,0)

Tints of #AE6BA2

#AE6BA2
(174,107,162)

#B578AA
(181,120,170)

#BC85B2
(188,133,178)

#C392BA
(195,146,186)

#CA9FC2
(202,159,194)

#D1ACCA
(209,172,202)

#D8B9D2
(216,185,210)

#DFC6DA
(223,198,218)

#E6D3E2
(230,211,226)

#EDE0EA
(237,224,234)

#F4EDF2
(244,237,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AE6BA2 color. Also use rgb(174,107,162) instead hex code.

Text Font Color

.myTextColor { color: #AE6BA2; }

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

This text font color is #AE6BA2.

Background Color

.myBgColor { background-color: #AE6BA2; }

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

This div background color is #AE6BA2.

Border color

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

This div border color is #AE6BA2.

Opacity

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

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

This text has shadow with #AE6BA2 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AE6BA2.