Color #749BCC

Color info

#749BCC contains mainly green and blue colors. Web safe color of #749BCC is #6699CC (or #69C).

RGB color model

#749BCC color RGB value is (116,155,204).

red value is 116;
green value is 155;
blue value is 204.

RGB:
(116,155,204)
(45%,61%,80%)

RGB channels and saturation

R 116 of 255 = 45%
G 155 of 255 = 61%
B 204 of 255 = 80%

116

155

204

R + G + B ~ 62%. #749BCC is quite light color.

Portions of RGB colors in percentages

R + G + B =
116 + 155 + 204 = 475 (100%)
R 116 of 475 ~ 24.42%
G 155 of 475 ~ 32.63%
B 204 of 475 ~ 42.95%

%24.42

%32.63

%42.95

CMYK color model

#749BCC color CMYK value is (43,24,0,20).

cyan value is 43.14%
magenta value is 24.02%
yellow value is 0.00%
key color value is 20.00%

CMYK:
(43,24,0,20)
C43M24Y0K20 
(43%,24%,0%,20%)
(0.43/0.24/0.00/0.20)

CMYK percentages

%43.14

%24.02

%20

Codes

Color #749BCC in popluar color models

	74	9B	CC
RGB	116	155	204
HSL	213°	46.32%	62.75%
HSB/HSV	213°	43.14%	80.00%
CMYK	43.14%	24.02%	0.00%
CMYK	20.00%

Color #749BCC in popluar number systems.

HEX	74	9B	CC
Decimal	116	155	204
Binary	1110100	10011011	11001100
Octal	164	233	314

Shades and tints

Shades of #749BCC

#749BCC
(116,155,204)

#6A8DBA
(106,141,186)

#607FA8
(96,127,168)

#567196
(86,113,150)

#4C6384
(76,99,132)

#425572
(66,85,114)

#384760
(56,71,96)

#2E394E
(46,57,78)

#242B3C
(36,43,60)

#1A1D2A
(26,29,42)

#100F18
(16,15,24)

#000000
(0,0,0)

Tints of #749BCC

#749BCC
(116,155,204)

#80A4D0
(128,164,208)

#8CADD4
(140,173,212)

#98B6D8
(152,182,216)

#A4BFDC
(164,191,220)

#B0C8E0
(176,200,224)

#BCD1E4
(188,209,228)

#C8DAE8
(200,218,232)

#D4E3EC
(212,227,236)

#E0ECF0
(224,236,240)

#ECF5F4
(236,245,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #749BCC color. Also use rgb(116,155,204) instead hex code.

Text Font Color

.myTextColor { color: #749BCC; }

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

This text font color is #749BCC.

Background Color

.myBgColor { background-color: #749BCC; }

<div style="background-color:#749BCC">Inner text</div>

This div background color is #749BCC.

Border color

.myBorderColor { border: 1px solid #749BCC; }

<div style="border:3px solid #749BCC">Div</div>

This div border color is #749BCC.

Opacity

.myOpacity80 { color: #749BCC; opacity: 0.8; }

<p style="color:#749BCC;opacity:0.8;">80%</p>

Text with #749BCC 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 #749BCC;}

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

This text has shadow with #749BCC color.

.textShadow {text-shadow: 3px 3px 1px #749BCC, 3px 3px 1px red;}

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

This text has shadow with #749BCC primary color and red secondary color.

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

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

This text has shadow with #749BCC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #749BCC.

Preview

Color preview on black background

This text has color #749BCC on black background.

Color preview on white background

This text has color #749BCC on white background.

Black color preview on #749BCC background

This text has black color on #749BCC background.

White color preview on #749BCC background

This text has white color on #749BCC background.