Color #9AC7EA

Color info

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

RGB color model

#9AC7EA color RGB value is (154,199,234).

red value is 154;
green value is 199;
blue value is 234.

RGB: (154,199,234) (60%, 78%, 92%)

RGB channels and saturation

R 154 of 255 = 60%
G 199 of 255 = 78%
B 234 of 255 = 92%

154

199

234

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

Portions of RGB colors in percentages

R + G + B = 154 + 199 + 234 = 587 (100%)
R 154 of 587 ~ 26.24%
G 199 of 587 ~ 33.9%
B 234 of 587 ~ 39.86'%

%26.24

%33.9

%39.86

CMYK color model

#9AC7EA color CMYK value is (34,15,0,8).

cyan value is 34.19%
magenta value is 14.96%
yellow value is 0.00%
key color value is 8.24%

CMYK: (34,15,0,8)
C34M15Y0K8 (34%, 15%, 0%, 8%)
(0.34 / 0.15 / 0.00 / 0.08)

CMYK percentages

%34.19

%14.96

%0

%8.24

Codes

Color #9AC7EA in popluar color models

	9A	C7	EA
RGB	154	199	234
HSL	206°	65.57%	76.08%
HSB/HSV	206°	34.19%	91.76%
CMYK	34.19%	14.96%	0.00%
CMYK	8.24%

Color #9AC7EA in popluar number systems.

HEX	9A	C7	EA
Decimal	154	199	234
Binary	10011010	11000111	11101010
Octal	232	307	352

Shades and tints

Shades of #9AC7EA

#9AC7EA
(154,199,234)

#8CB5D5
(140,181,213)

#7EA3C0
(126,163,192)

#7091AB
(112,145,171)

#627F96
(98,127,150)

#546D81
(84,109,129)

#465B6C
(70,91,108)

#384957
(56,73,87)

#2A3742
(42,55,66)

#1C252D
(28,37,45)

#0E1318
(14,19,24)

#000000
(0,0,0)

Tints of #9AC7EA

#9AC7EA
(154,199,234)

#A3CCEB
(163,204,235)

#ACD1EC
(172,209,236)

#B5D6ED
(181,214,237)

#BEDBEE
(190,219,238)

#C7E0EF
(199,224,239)

#D0E5F0
(208,229,240)

#D9EAF1
(217,234,241)

#E2EFF2
(226,239,242)

#EBF4F3
(235,244,243)

#F4F9F4
(244,249,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9AC7EA color. Also use rgb(154,199,234) instead hex code.

Text Font Color

.myTextColor { color: #9AC7EA; }

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

This text font color is #9AC7EA.

Background Color

.myBgColor { background-color: #9AC7EA; }

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

This div background color is #9AC7EA.

Border color

.myBorderColor { border: 1px solid #9AC7EA; }

This div border color is #9AC7EA.

Opacity

.myOpacity80 { color: #9AC7EA; opacity: 0.8; }

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

This text has shadow with #9AC7EA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9AC7EA.