COLOR #AEAFEC

HEX: #AEAFEC RGB: (174,175,236)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#AEAFEC contains mainly blue color. Web safe color of #AEAFEC is #9999FF (or #99F).

RGB color model

#AEAFEC color RGB value is (174,175,236).

red value is 174;
green value is 175;
blue value is 236.

RGB: (174,175,236) (68%, 69%, 93%)

RGB channels and saturation

R 174 of 255 = 68%
G 175 of 255 = 69%
B 236 of 255 = 93%

174

175

236

R + G + B ~ 77%. #AEAFEC is quite light color.

Portions of RGB colors in percentages

R + G + B = 174 + 175 + 236 = 585 (100%)
R 174 of 585 ~ 29.74%
G 175 of 585 ~ 29.91%
B 236 of 585 ~ 40.34'%

%29.74

%29.91

%40.34

CMYK color model

#AEAFEC color CMYK value is (26,26,0,7).

cyan value is 26.27%
magenta value is 25.85%
yellow value is 0.00%
key color value is 7.45%

CMYK: (26,26,0,7) C26M26Y0K7 (26%,26%,0%,7%) (0.26/0.26/0.00/0.07)

CMYK percentages

%26.27

%25.85

%7.45

Codes

Color #AEAFEC in popluar color models

	AE	AF	EC
RGB	174	175	236
HSL	239°	62.00%	80.39%
HSB/HSV	239°	26.27%	92.55%
CMYK	26.27%	25.85%	0.00%
CMYK	7.45%

Color #AEAFEC in popluar number systems.

HEX	AE	AF	EC
Decimal	174	175	236
Binary	10101110	10101111	11101100
Octal	256	257	354

Shades and tints

Shades of #AEAFEC

#AEAFEC
(174,175,236)

#9FA0D7
(159,160,215)

#9091C2
(144,145,194)

#8182AD
(129,130,173)

#727398
(114,115,152)

#636483
(99,100,131)

#54556E
(84,85,110)

#454659
(69,70,89)

#363744
(54,55,68)

#27282F
(39,40,47)

#18191A
(24,25,26)

#000000
(0,0,0)

Tints of #AEAFEC

#AEAFEC
(174,175,236)

#B5B6ED
(181,182,237)

#BCBDEE
(188,189,238)

#C3C4EF
(195,196,239)

#CACBF0
(202,203,240)

#D1D2F1
(209,210,241)

#D8D9F2
(216,217,242)

#DFE0F3
(223,224,243)

#E6E7F4
(230,231,244)

#EDEEF5
(237,238,245)

#F4F5F6
(244,245,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AEAFEC color. Also use rgb(174,175,236) instead hex code.

Text Font Color

.myTextColor { color: #AEAFEC; }

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

This text font color is #AEAFEC.

Background Color

.myBgColor { background-color: #AEAFEC; }

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

This div background color is #AEAFEC.

Border color

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

This div border color is #AEAFEC.

Opacity

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

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

This text has shadow with #AEAFEC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AEAFEC.