Color #8198CC

Color info

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

RGB color model

#8198CC color RGB value is (129,152,204).

red value is 129;
green value is 152;
blue value is 204.

RGB:
(129,152,204)
(51%,60%,80%)

RGB channels and saturation

R 129 of 255 = 51%
G 152 of 255 = 60%
B 204 of 255 = 80%

129

152

204

R + G + B ~ 64%. #8198CC is quite light color.

Portions of RGB colors in percentages

R + G + B =
129 + 152 + 204 = 485 (100%)
R 129 of 485 ~ 26.6%
G 152 of 485 ~ 31.34%
B 204 of 485 ~ 42.06%

%26.6

%31.34

%42.06

CMYK color model

#8198CC color CMYK value is (37,25,0,20).

cyan value is 36.76%
magenta value is 25.49%
yellow value is 0.00%
key color value is 20.00%

CMYK:
(37,25,0,20)
C37M25Y0K20 
(37%,25%,0%,20%)
(0.37/0.25/0.00/0.20)

CMYK percentages

%36.76

%25.49

%20

Codes

Color #8198CC in popluar color models

	81	98	CC
RGB	129	152	204
HSL	222°	42.37%	65.29%
HSB/HSV	222°	36.76%	80.00%
CMYK	36.76%	25.49%	0.00%
CMYK	20.00%

Color #8198CC in popluar number systems.

HEX	81	98	CC
Decimal	129	152	204
Binary	10000001	10011000	11001100
Octal	201	230	314

Shades and tints

Shades of #8198CC

#8198CC
(129,152,204)

#768BBA
(118,139,186)

#6B7EA8
(107,126,168)

#607196
(96,113,150)

#556484
(85,100,132)

#4A5772
(74,87,114)

#3F4A60
(63,74,96)

#343D4E
(52,61,78)

#29303C
(41,48,60)

#1E232A
(30,35,42)

#131618
(19,22,24)

#000000
(0,0,0)

Tints of #8198CC

#8198CC
(129,152,204)

#8CA1D0
(140,161,208)

#97AAD4
(151,170,212)

#A2B3D8
(162,179,216)

#ADBCDC
(173,188,220)

#B8C5E0
(184,197,224)

#C3CEE4
(195,206,228)

#CED7E8
(206,215,232)

#D9E0EC
(217,224,236)

#E4E9F0
(228,233,240)

#EFF2F4
(239,242,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8198CC color. Also use rgb(129,152,204) instead hex code.

Text Font Color

.myTextColor { color: #8198CC; }

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

This text font color is #8198CC.

Background Color

.myBgColor { background-color: #8198CC; }

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

This div background color is #8198CC.

Border color

.myBorderColor { border: 1px solid #8198CC; }

<div style="border:3px solid #8198CC">Div</div>

This div border color is #8198CC.

Opacity

.myOpacity80 { color: #8198CC; opacity: 0.8; }

<p style="color:#8198CC;opacity:0.8;">80%</p>

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

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

This text has shadow with #8198CC color.

.textShadow {text-shadow: 3px 3px 1px #8198CC, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8198CC.

Preview

Color preview on black background

This text has color #8198CC on black background.

Color preview on white background

This text has color #8198CC on white background.

Black color preview on #8198CC background

This text has black color on #8198CC background.

White color preview on #8198CC background

This text has white color on #8198CC background.