Color #98AEE6

Color info

#98AEE6 contains mainly green and blue colors. Web safe color of #98AEE6 is #9999CC (or #99C).

RGB color model

#98AEE6 color RGB value is (152,174,230).

red value is 152;
green value is 174;
blue value is 230.

RGB: (152,174,230) (60%, 68%, 90%)

RGB channels and saturation

R 152 of 255 = 60%
G 174 of 255 = 68%
B 230 of 255 = 90%

152

174

230

R + G + B ~ 73%. #98AEE6 is quite light color.

Portions of RGB colors in percentages

R + G + B = 152 + 174 + 230 = 556 (100%)
R 152 of 556 ~ 27.34%
G 174 of 556 ~ 31.29%
B 230 of 556 ~ 41.37'%

%27.34

%31.29

%41.37

CMYK color model

#98AEE6 color CMYK value is (34,24,0,10).

cyan value is 33.91%
magenta value is 24.35%
yellow value is 0.00%
key color value is 9.80%

CMYK: (34,24,0,10)
C34M24Y0K10 (34%, 24%, 0%, 10%)
(0.34 / 0.24 / 0.00 / 0.10)

CMYK percentages

%33.91

%24.35

%0

%9.8

Codes

Color #98AEE6 in popluar color models

	98	AE	E6
RGB	152	174	230
HSL	223°	60.94%	74.90%
HSB/HSV	223°	33.91%	90.20%
CMYK	33.91%	24.35%	0.00%
CMYK	9.80%

Color #98AEE6 in popluar number systems.

HEX	98	AE	E6
Decimal	152	174	230
Binary	10011000	10101110	11100110
Octal	230	256	346

Shades and tints

Shades of #98AEE6

#98AEE6
(152,174,230)

#8B9FD2
(139,159,210)

#7E90BE
(126,144,190)

#7181AA
(113,129,170)

#647296
(100,114,150)

#576382
(87,99,130)

#4A546E
(74,84,110)

#3D455A
(61,69,90)

#303646
(48,54,70)

#232732
(35,39,50)

#16181E
(22,24,30)

#000000
(0,0,0)

Tints of #98AEE6

#98AEE6
(152,174,230)

#A1B5E8
(161,181,232)

#AABCEA
(170,188,234)

#B3C3EC
(179,195,236)

#BCCAEE
(188,202,238)

#C5D1F0
(197,209,240)

#CED8F2
(206,216,242)

#D7DFF4
(215,223,244)

#E0E6F6
(224,230,246)

#E9EDF8
(233,237,248)

#F2F4FA
(242,244,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98AEE6 color. Also use rgb(152,174,230) instead hex code.

Text Font Color

.myTextColor { color: #98AEE6; }

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

This text font color is #98AEE6.

Background Color

.myBgColor { background-color: #98AEE6; }

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

This div background color is #98AEE6.

Border color

.myBorderColor { border: 1px solid #98AEE6; }

This div border color is #98AEE6.

Opacity

.myOpacity80 { color: #98AEE6; opacity: 0.8; }

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

This text has shadow with #98AEE6 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #98AEE6.