Color #ACC7EB

Color info

#ACC7EB contains mainly green and blue colors. Web safe color of #ACC7EB is #99CCFF (or #9CF).

RGB color model

#ACC7EB color RGB value is (172,199,235).

red value is 172;
green value is 199;
blue value is 235.

RGB: (172,199,235) (67%, 78%, 92%)

RGB channels and saturation

R 172 of 255 = 67%
G 199 of 255 = 78%
B 235 of 255 = 92%

172

199

235

R + G + B ~ 79%. #ACC7EB is quite light color.

Portions of RGB colors in percentages

R + G + B = 172 + 199 + 235 = 606 (100%)
R 172 of 606 ~ 28.38%
G 199 of 606 ~ 32.84%
B 235 of 606 ~ 38.78'%

%28.38

%32.84

%38.78

CMYK color model

#ACC7EB color CMYK value is (27,15,0,8).

cyan value is 26.81%
magenta value is 15.32%
yellow value is 0.00%
key color value is 7.84%

CMYK: (27,15,0,8)
C27M15Y0K8 (27%, 15%, 0%, 8%)
(0.27 / 0.15 / 0.00 / 0.08)

CMYK percentages

%26.81

%15.32

%0

%7.84

Codes

Color #ACC7EB in popluar color models

	AC	C7	EB
RGB	172	199	235
HSL	214°	61.17%	79.80%
HSB/HSV	214°	26.81%	92.16%
CMYK	26.81%	15.32%	0.00%
CMYK	7.84%

Color #ACC7EB in popluar number systems.

HEX	AC	C7	EB
Decimal	172	199	235
Binary	10101100	11000111	11101011
Octal	254	307	353

Shades and tints

Shades of #ACC7EB

#ACC7EB
(172,199,235)

#9DB5D6
(157,181,214)

#8EA3C1
(142,163,193)

#7F91AC
(127,145,172)

#707F97
(112,127,151)

#616D82
(97,109,130)

#525B6D
(82,91,109)

#434958
(67,73,88)

#343743
(52,55,67)

#25252E
(37,37,46)

#161319
(22,19,25)

#000000
(0,0,0)

Tints of #ACC7EB

#ACC7EB
(172,199,235)

#B3CCEC
(179,204,236)

#BAD1ED
(186,209,237)

#C1D6EE
(193,214,238)

#C8DBEF
(200,219,239)

#CFE0F0
(207,224,240)

#D6E5F1
(214,229,241)

#DDEAF2
(221,234,242)

#E4EFF3
(228,239,243)

#EBF4F4
(235,244,244)

#F2F9F5
(242,249,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACC7EB color. Also use rgb(172,199,235) instead hex code.

Text Font Color

.myTextColor { color: #ACC7EB; }

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

This text font color is #ACC7EB.

Background Color

.myBgColor { background-color: #ACC7EB; }

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

This div background color is #ACC7EB.

Border color

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

This div border color is #ACC7EB.

Opacity

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

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

This text has shadow with #ACC7EB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ACC7EB.