Color #98CAD4

Color info

#98CAD4 contains mainly green and blue colors. Web safe color of #98CAD4 is #99CCCC (or #9CC).

RGB color model

#98CAD4 color RGB value is (152,202,212).

red value is 152;
green value is 202;
blue value is 212.

RGB: (152,202,212) (60%, 79%, 83%)

RGB channels and saturation

R 152 of 255 = 60%
G 202 of 255 = 79%
B 212 of 255 = 83%

152

202

212

R + G + B ~ 74%. #98CAD4 is quite light color.

Portions of RGB colors in percentages

R + G + B = 152 + 202 + 212 = 566 (100%)
R 152 of 566 ~ 26.86%
G 202 of 566 ~ 35.69%
B 212 of 566 ~ 37.46'%

%26.86

%35.69

%37.46

CMYK color model

#98CAD4 color CMYK value is (28,5,0,17).

cyan value is 28.30%
magenta value is 4.72%
yellow value is 0.00%
key color value is 16.86%

CMYK: (28,5,0,17)
C28M5Y0K17 (28%, 5%, 0%, 17%)
(0.28 / 0.05 / 0.00 / 0.17)

CMYK percentages

%28.3

%4.72

%0

%16.86

Codes

Color #98CAD4 in popluar color models

	98	CA	D4
RGB	152	202	212
HSL	190°	41.10%	71.37%
HSB/HSV	190°	28.30%	83.14%
CMYK	28.30%	4.72%	0.00%
CMYK	16.86%

Color #98CAD4 in popluar number systems.

HEX	98	CA	D4
Decimal	152	202	212
Binary	10011000	11001010	11010100
Octal	230	312	324

Shades and tints

Shades of #98CAD4

#98CAD4
(152,202,212)

#8BB8C1
(139,184,193)

#7EA6AE
(126,166,174)

#71949B
(113,148,155)

#648288
(100,130,136)

#577075
(87,112,117)

#4A5E62
(74,94,98)

#3D4C4F
(61,76,79)

#303A3C
(48,58,60)

#232829
(35,40,41)

#161616
(22,22,22)

#000000
(0,0,0)

Tints of #98CAD4

#98CAD4
(152,202,212)

#A1CED7
(161,206,215)

#AAD2DA
(170,210,218)

#B3D6DD
(179,214,221)

#BCDAE0
(188,218,224)

#C5DEE3
(197,222,227)

#CEE2E6
(206,226,230)

#D7E6E9
(215,230,233)

#E0EAEC
(224,234,236)

#E9EEEF
(233,238,239)

#F2F2F2
(242,242,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98CAD4 color. Also use rgb(152,202,212) instead hex code.

Text Font Color

.myTextColor { color: #98CAD4; }

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

This text font color is #98CAD4.

Background Color

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

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

This div background color is #98CAD4.

Border color

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

This div border color is #98CAD4.

Opacity

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

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

This text has shadow with #98CAD4 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #98CAD4.