Color #426EBC

Color info

#426EBC contains mainly blue color. Web safe color of #426EBC is #3366CC (or #36C).

RGB color model

#426EBC color RGB value is (66,110,188).

red value is 66;
green value is 110;
blue value is 188.

RGB:
(66,110,188)
(26%,43%,74%)

RGB channels and saturation

R 66 of 255 = 26%
G 110 of 255 = 43%
B 188 of 255 = 74%

110

188

R + G + B ~ 48%. #426EBC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
66 + 110 + 188 = 364 (100%)
R 66 of 364 ~ 18.13%
G 110 of 364 ~ 30.22%
B 188 of 364 ~ 51.65%

%18.13

%30.22

%51.65

CMYK color model

#426EBC color CMYK value is (65,41,0,26).

cyan value is 64.89%
magenta value is 41.49%
yellow value is 0.00%
key color value is 26.27%

CMYK:
(65,41,0,26)
C65M41Y0K26 
(65%,41%,0%,26%)
(0.65/0.41/0.00/0.26)

CMYK percentages

%64.89

%41.49

%26.27

Codes

Color #426EBC in popluar color models

	42	6E	BC
RGB	66	110	188
HSL	218°	48.03%	49.80%
HSB/HSV	218°	64.89%	73.73%
CMYK	64.89%	41.49%	0.00%
CMYK	26.27%

Color #426EBC in popluar number systems.

HEX	42	6E	BC
Decimal	66	110	188
Binary	1000010	1101110	10111100
Octal	102	156	274

Shades and tints

Shades of #426EBC

#426EBC
(66,110,188)

#3C64AB
(60,100,171)

#365A9A
(54,90,154)

#305089
(48,80,137)

#2A4678
(42,70,120)

#243C67
(36,60,103)

#1E3256
(30,50,86)

#182845
(24,40,69)

#121E34
(18,30,52)

#0C1423
(12,20,35)

#060A12
(6,10,18)

#000000
(0,0,0)

Tints of #426EBC

#426EBC
(66,110,188)

#537BC2
(83,123,194)

#6488C8
(100,136,200)

#7595CE
(117,149,206)

#86A2D4
(134,162,212)

#97AFDA
(151,175,218)

#A8BCE0
(168,188,224)

#B9C9E6
(185,201,230)

#CAD6EC
(202,214,236)

#DBE3F2
(219,227,242)

#ECF0F8
(236,240,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #426EBC color. Also use rgb(66,110,188) instead hex code.

Text Font Color

.myTextColor { color: #426EBC; }

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

This text font color is #426EBC.

Background Color

.myBgColor { background-color: #426EBC; }

<div style="background-color:#426EBC">Inner text</div>

This div background color is #426EBC.

Border color

.myBorderColor { border: 1px solid #426EBC; }

<div style="border:3px solid #426EBC">Div</div>

This div border color is #426EBC.

Opacity

.myOpacity80 { color: #426EBC; opacity: 0.8; }

<p style="color:#426EBC;opacity:0.8;">80%</p>

Text with #426EBC 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 #426EBC;}

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

This text has shadow with #426EBC color.

.textShadow {text-shadow: 3px 3px 1px #426EBC, 3px 3px 1px red;}

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

This text has shadow with #426EBC primary color and red secondary color.

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

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

This text has shadow with #426EBC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #426EBC.

Preview

Color preview on black background

This text has color #426EBC on black background.

Color preview on white background

This text has color #426EBC on white background.

Black color preview on #426EBC background

This text has black color on #426EBC background.

White color preview on #426EBC background

This text has white color on #426EBC background.