Color #A3AFCE

Color info

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

RGB color model

#A3AFCE color RGB value is (163,175,206).

red value is 163;
green value is 175;
blue value is 206.

RGB: (163,175,206) (64%, 69%, 81%)

RGB channels and saturation

R 163 of 255 = 64%
G 175 of 255 = 69%
B 206 of 255 = 81%

163

175

206

R + G + B ~ 71%. #A3AFCE is quite light color.

Portions of RGB colors in percentages

R + G + B = 163 + 175 + 206 = 544 (100%)
R 163 of 544 ~ 29.96%
G 175 of 544 ~ 32.17%
B 206 of 544 ~ 37.87'%

%29.96

%32.17

%37.87

CMYK color model

#A3AFCE color CMYK value is (21,15,0,19).

cyan value is 20.87%
magenta value is 15.05%
yellow value is 0.00%
key color value is 19.22%

CMYK: (21,15,0,19)
C21M15Y0K19 (21%, 15%, 0%, 19%)
(0.21 / 0.15 / 0.00 / 0.19)

CMYK percentages

%20.87

%15.05

%0

%19.22

Codes

Color #A3AFCE in popluar color models

	A3	AF	CE
RGB	163	175	206
HSL	223°	30.50%	72.35%
HSB/HSV	223°	20.87%	80.78%
CMYK	20.87%	15.05%	0.00%
CMYK	19.22%

Color #A3AFCE in popluar number systems.

HEX	A3	AF	CE
Decimal	163	175	206
Binary	10100011	10101111	11001110
Octal	243	257	316

Shades and tints

Shades of #A3AFCE

#A3AFCE
(163,175,206)

#95A0BC
(149,160,188)

#8791AA
(135,145,170)

#798298
(121,130,152)

#6B7386
(107,115,134)

#5D6474
(93,100,116)

#4F5562
(79,85,98)

#414650
(65,70,80)

#33373E
(51,55,62)

#25282C
(37,40,44)

#17191A
(23,25,26)

#000000
(0,0,0)

Tints of #A3AFCE

#A3AFCE
(163,175,206)

#ABB6D2
(171,182,210)

#B3BDD6
(179,189,214)

#BBC4DA
(187,196,218)

#C3CBDE
(195,203,222)

#CBD2E2
(203,210,226)

#D3D9E6
(211,217,230)

#DBE0EA
(219,224,234)

#E3E7EE
(227,231,238)

#EBEEF2
(235,238,242)

#F3F5F6
(243,245,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A3AFCE color. Also use rgb(163,175,206) instead hex code.

Text Font Color

.myTextColor { color: #A3AFCE; }

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

This text font color is #A3AFCE.

Background Color

.myBgColor { background-color: #A3AFCE; }

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

This div background color is #A3AFCE.

Border color

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

This div border color is #A3AFCE.

Opacity

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

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

This text has shadow with #A3AFCE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A3AFCE.