Color #A7C2FE

Color info

#A7C2FE contains mainly blue color. Web safe color of #A7C2FE is #99CCFF (or #9CF).

RGB color model

#A7C2FE color RGB value is (167,194,254).

red value is 167;
green value is 194;
blue value is 254.

RGB: (167,194,254) (65%, 76%, 100%)

RGB channels and saturation

R 167 of 255 = 65%
G 194 of 255 = 76%
B 254 of 255 = 100%

167

194

254

R + G + B ~ 80%. #A7C2FE is quite light color.

Portions of RGB colors in percentages

R + G + B = 167 + 194 + 254 = 615 (100%)
R 167 of 615 ~ 27.15%
G 194 of 615 ~ 31.54%
B 254 of 615 ~ 41.3'%

%27.15

%31.54

%41.3

CMYK color model

#A7C2FE color CMYK value is (34,24,0,0).

cyan value is 34.25%
magenta value is 23.62%
yellow value is 0.00%
key color value is 0.39%

CMYK: (34,24,0,0)
C34M24Y0K0 (34%, 24%, 0%, 0%)
(0.34 / 0.24 / 0.00 / 0.00)

CMYK percentages

%34.25

%23.62

%0

%0.39

Codes

Color #A7C2FE in popluar color models

	A7	C2	FE
RGB	167	194	254
HSL	221°	97.75%	82.55%
HSB/HSV	221°	34.25%	99.61%
CMYK	34.25%	23.62%	0.00%
CMYK	0.39%

Color #A7C2FE in popluar number systems.

HEX	A7	C2	FE
Decimal	167	194	254
Binary	10100111	11000010	11111110
Octal	247	302	376

Shades and tints

Shades of #A7C2FE

#A7C2FE
(167,194,254)

#98B1E7
(152,177,231)

#89A0D0
(137,160,208)

#7A8FB9
(122,143,185)

#6B7EA2
(107,126,162)

#5C6D8B
(92,109,139)

#4D5C74
(77,92,116)

#3E4B5D
(62,75,93)

#2F3A46
(47,58,70)

#20292F
(32,41,47)

#111818
(17,24,24)

#000000
(0,0,0)

Tints of #A7C2FE

#A7C2FE
(167,194,254)

#AFC7FE
(175,199,254)

#B7CCFE
(183,204,254)

#BFD1FE
(191,209,254)

#C7D6FE
(199,214,254)

#CFDBFE
(207,219,254)

#D7E0FE
(215,224,254)

#DFE5FE
(223,229,254)

#E7EAFE
(231,234,254)

#EFEFFE
(239,239,254)

#F7F4FE
(247,244,254)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A7C2FE color. Also use rgb(167,194,254) instead hex code.

Text Font Color

.myTextColor { color: #A7C2FE; }

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

This text font color is #A7C2FE.

Background Color

.myBgColor { background-color: #A7C2FE; }

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

This div background color is #A7C2FE.

Border color

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

This div border color is #A7C2FE.

Opacity

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

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

This text has shadow with #A7C2FE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A7C2FE.