COLOR #AEA0CC

HEX: #AEA0CC
RGB: (174,160,204)

Color info

#AEA0CC contains red, green and blue colors in about the same proportion. Web safe color of #AEA0CC is #9999CC (or #99C).

RGB color model

#AEA0CC color RGB value is (174,160,204).

  • red value is 174;
  • green value is 160;
  • blue value is 204.
RGB: (174,160,204) (68%,63%,80%)

RGB channels and saturation

R 174 of 255 = 68%
G 160 of 255 = 63%
B 204 of 255 = 80%

174
160
204

R + G + B ~ 70%. #AEA0CC is quite light color.

Portions of RGB colors in percentages

R + G + B =
174 + 160 + 204 = 538 (100%)
R 174 of 538 ~ 32.34%
G 160 of 538 ~ 29.74%
B 204 of 538 ~ 37.92%

%32.34
%29.74
%37.92

CMYK color model

#AEA0CC color CMYK value is (15,22,0,20).

  • cyan value is 14.71%
  • magenta value is 21.57%
  • yellow value is 0.00%
  • key color value is 20.00%
CMYK: (15,22,0,20) C15M22Y0K20 (15%,22%,0%,20%) (0.15/0.22/0.00/0.20)

CMYK percentages

%14.71
%21.57
%0
%20

Codes

Color #AEA0CC in popluar color models

AEA0CC
RGB174160204
HSL259°30.14%71.37%
HSB/HSV259°21.57%80.00%
CMYK14.71%21.57%0.00%
20.00%

Color #AEA0CC in popluar number systems.

HEXAEA0CC
Decimal174160204
Binary101011101010000011001100
Octal256240314

Shades and tints

Shades of #AEA0CC

#AEA0CC
(174,160,204)
#9F92BA
(159,146,186)
#9084A8
(144,132,168)
#817696
(129,118,150)
#726884
(114,104,132)
#635A72
(99,90,114)
#544C60
(84,76,96)
#453E4E
(69,62,78)
#36303C
(54,48,60)
#27222A
(39,34,42)
#181418
(24,20,24)
#000000
(0,0,0)

Tints of #AEA0CC

#AEA0CC
(174,160,204)
#B5A8D0
(181,168,208)
#BCB0D4
(188,176,212)
#C3B8D8
(195,184,216)
#CAC0DC
(202,192,220)
#D1C8E0
(209,200,224)
#D8D0E4
(216,208,228)
#DFD8E8
(223,216,232)
#E6E0EC
(230,224,236)
#EDE8F0
(237,232,240)
#F4F0F4
(244,240,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AEA0CC color. Also use rgb(174,160,204) instead hex code.

Text Font Color

.myTextColor { color: #AEA0CC; }

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

This text font color is #AEA0CC.


Background Color

.myBgColor { background-color: #AEA0CC; }

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

This div background color is #AEA0CC.


Border color

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

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

This div border color is #AEA0CC.


Opacity

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

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

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

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

This text has shadow with #AEA0CC color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #AEA0CC on black background.


Color preview on white background

This text has color #AEA0CC on white background.



Black color preview on #AEA0CC background

This text has black color on #AEA0CC background.


White color preview on #AEA0CC background

This text has white color on #AEA0CC background.