Color #98ACDC

Color info

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

RGB color model

#98ACDC color RGB value is (152,172,220).

red value is 152;
green value is 172;
blue value is 220.

RGB:
(152,172,220)
(60%,67%,86%)

RGB channels and saturation

R 152 of 255 = 60%
G 172 of 255 = 67%
B 220 of 255 = 86%

152

172

220

R + G + B ~ 71%. #98ACDC is quite light color.

Portions of RGB colors in percentages

R + G + B =
152 + 172 + 220 = 544 (100%)
R 152 of 544 ~ 27.94%
G 172 of 544 ~ 31.62%
B 220 of 544 ~ 40.44%

%27.94

%31.62

%40.44

CMYK color model

#98ACDC color CMYK value is (31,22,0,14).

cyan value is 30.91%
magenta value is 21.82%
yellow value is 0.00%
key color value is 13.73%

CMYK:
(31,22,0,14)
C31M22Y0K14 
(31%,22%,0%,14%)
(0.31/0.22/0.00/0.14)

CMYK percentages

%30.91

%21.82

%13.73

Codes

Color #98ACDC in popluar color models

	98	AC	DC
RGB	152	172	220
HSL	222°	49.28%	72.94%
HSB/HSV	222°	30.91%	86.27%
CMYK	30.91%	21.82%	0.00%
CMYK	13.73%

Color #98ACDC in popluar number systems.

HEX	98	AC	DC
Decimal	152	172	220
Binary	10011000	10101100	11011100
Octal	230	254	334

Shades and tints

Shades of #98ACDC

#98ACDC
(152,172,220)

#8B9DC8
(139,157,200)

#7E8EB4
(126,142,180)

#717FA0
(113,127,160)

#64708C
(100,112,140)

#576178
(87,97,120)

#4A5264
(74,82,100)

#3D4350
(61,67,80)

#30343C
(48,52,60)

#232528
(35,37,40)

#161614
(22,22,20)

#000000
(0,0,0)

Tints of #98ACDC

#98ACDC
(152,172,220)

#A1B3DF
(161,179,223)

#AABAE2
(170,186,226)

#B3C1E5
(179,193,229)

#BCC8E8
(188,200,232)

#C5CFEB
(197,207,235)

#CED6EE
(206,214,238)

#D7DDF1
(215,221,241)

#E0E4F4
(224,228,244)

#E9EBF7
(233,235,247)

#F2F2FA
(242,242,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98ACDC color. Also use rgb(152,172,220) instead hex code.

Text Font Color

.myTextColor { color: #98ACDC; }

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

This text font color is #98ACDC.

Background Color

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

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

This div background color is #98ACDC.

Border color

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

<div style="border:3px solid #98ACDC">Div</div>

This div border color is #98ACDC.

Opacity

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

<p style="color:#98ACDC;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #98ACDC">Text here.</p>

This text has shadow with #98ACDC color.

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

<p style="text-shadow: 3px 3px 1px #98ACDC, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#98ACDC, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #98ACDC.

Preview

Color preview on black background

This text has color #98ACDC on black background.

Color preview on white background

This text has color #98ACDC on white background.

Black color preview on #98ACDC background

This text has black color on #98ACDC background.

White color preview on #98ACDC background

This text has white color on #98ACDC background.