Color #4A85CB

Color info

#4A85CB contains mainly blue color. Web safe color of #4A85CB is #3399CC (or #39C).

RGB color model

#4A85CB color RGB value is (74,133,203).

red value is 74;
green value is 133;
blue value is 203.

RGB:
(74,133,203)
(29%,52%,80%)

RGB channels and saturation

R 74 of 255 = 29%
G 133 of 255 = 52%
B 203 of 255 = 80%

133

203

R + G + B ~ 54%. #4A85CB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
74 + 133 + 203 = 410 (100%)
R 74 of 410 ~ 18.05%
G 133 of 410 ~ 32.44%
B 203 of 410 ~ 49.51%

%18.05

%32.44

%49.51

CMYK color model

#4A85CB color CMYK value is (64,34,0,20).

cyan value is 63.55%
magenta value is 34.48%
yellow value is 0.00%
key color value is 20.39%

CMYK:
(64,34,0,20)
C64M34Y0K20 
(64%,34%,0%,20%)
(0.64/0.34/0.00/0.20)

CMYK percentages

%63.55

%34.48

%20.39

Codes

Color #4A85CB in popluar color models

	4A	85	CB
RGB	74	133	203
HSL	213°	55.36%	54.31%
HSB/HSV	213°	63.55%	79.61%
CMYK	63.55%	34.48%	0.00%
CMYK	20.39%

Color #4A85CB in popluar number systems.

HEX	4A	85	CB
Decimal	74	133	203
Binary	1001010	10000101	11001011
Octal	112	205	313

Shades and tints

Shades of #4A85CB

#4A85CB
(74,133,203)

#4479B9
(68,121,185)

#3E6DA7
(62,109,167)

#386195
(56,97,149)

#325583
(50,85,131)

#2C4971
(44,73,113)

#263D5F
(38,61,95)

#20314D
(32,49,77)

#1A253B
(26,37,59)

#141929
(20,25,41)

#0E0D17
(14,13,23)

#000000
(0,0,0)

Tints of #4A85CB

#4A85CB
(74,133,203)

#5A90CF
(90,144,207)

#6A9BD3
(106,155,211)

#7AA6D7
(122,166,215)

#8AB1DB
(138,177,219)

#9ABCDF
(154,188,223)

#AAC7E3
(170,199,227)

#BAD2E7
(186,210,231)

#CADDEB
(202,221,235)

#DAE8EF
(218,232,239)

#EAF3F3
(234,243,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4A85CB color. Also use rgb(74,133,203) instead hex code.

Text Font Color

.myTextColor { color: #4A85CB; }

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

This text font color is #4A85CB.

Background Color

.myBgColor { background-color: #4A85CB; }

<div style="background-color:#4A85CB">Inner text</div>

This div background color is #4A85CB.

Border color

.myBorderColor { border: 1px solid #4A85CB; }

<div style="border:3px solid #4A85CB">Div</div>

This div border color is #4A85CB.

Opacity

.myOpacity80 { color: #4A85CB; opacity: 0.8; }

<p style="color:#4A85CB;opacity:0.8;">80%</p>

Text with #4A85CB 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 #4A85CB;}

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

This text has shadow with #4A85CB color.

.textShadow {text-shadow: 3px 3px 1px #4A85CB, 3px 3px 1px red;}

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

This text has shadow with #4A85CB primary color and red secondary color.

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

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

This text has shadow with #4A85CB and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4A85CB.

Preview

Color preview on black background

This text has color #4A85CB on black background.

Color preview on white background

This text has color #4A85CB on white background.

Black color preview on #4A85CB background

This text has black color on #4A85CB background.

White color preview on #4A85CB background

This text has white color on #4A85CB background.