Color #4881BF

Color info

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

RGB color model

#4881BF color RGB value is (72,129,191).

red value is 72;
green value is 129;
blue value is 191.

RGB:
(72,129,191)
(28%,51%,75%)

RGB channels and saturation

R 72 of 255 = 28%
G 129 of 255 = 51%
B 191 of 255 = 75%

129

191

R + G + B ~ 51%. #4881BF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
72 + 129 + 191 = 392 (100%)
R 72 of 392 ~ 18.37%
G 129 of 392 ~ 32.91%
B 191 of 392 ~ 48.72%

%18.37

%32.91

%48.72

CMYK color model

#4881BF color CMYK value is (62,32,0,25).

cyan value is 62.30%
magenta value is 32.46%
yellow value is 0.00%
key color value is 25.10%

CMYK:
(62,32,0,25)
C62M32Y0K25 
(62%,32%,0%,25%)
(0.62/0.32/0.00/0.25)

CMYK percentages

%62.3

%32.46

%25.1

Codes

Color #4881BF in popluar color models

	48	81	BF
RGB	72	129	191
HSL	211°	48.18%	51.57%
HSB/HSV	211°	62.30%	74.90%
CMYK	62.30%	32.46%	0.00%
CMYK	25.10%

Color #4881BF in popluar number systems.

HEX	48	81	BF
Decimal	72	129	191
Binary	1001000	10000001	10111111
Octal	110	201	277

Shades and tints

Shades of #4881BF

#4881BF
(72,129,191)

#4276AE
(66,118,174)

#3C6B9D
(60,107,157)

#36608C
(54,96,140)

#30557B
(48,85,123)

#2A4A6A
(42,74,106)

#243F59
(36,63,89)

#1E3448
(30,52,72)

#182937
(24,41,55)

#121E26
(18,30,38)

#0C1315
(12,19,21)

#000000
(0,0,0)

Tints of #4881BF

#4881BF
(72,129,191)

#588CC4
(88,140,196)

#6897C9
(104,151,201)

#78A2CE
(120,162,206)

#88ADD3
(136,173,211)

#98B8D8
(152,184,216)

#A8C3DD
(168,195,221)

#B8CEE2
(184,206,226)

#C8D9E7
(200,217,231)

#D8E4EC
(216,228,236)

#E8EFF1
(232,239,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4881BF color. Also use rgb(72,129,191) instead hex code.

Text Font Color

.myTextColor { color: #4881BF; }

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

This text font color is #4881BF.

Background Color

.myBgColor { background-color: #4881BF; }

<div style="background-color:#4881BF">Inner text</div>

This div background color is #4881BF.

Border color

.myBorderColor { border: 1px solid #4881BF; }

<div style="border:3px solid #4881BF">Div</div>

This div border color is #4881BF.

Opacity

.myOpacity80 { color: #4881BF; opacity: 0.8; }

<p style="color:#4881BF;opacity:0.8;">80%</p>

Text with #4881BF 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 #4881BF;}

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

This text has shadow with #4881BF color.

.textShadow {text-shadow: 3px 3px 1px #4881BF, 3px 3px 1px red;}

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

This text has shadow with #4881BF primary color and red secondary color.

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

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

This text has shadow with #4881BF and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4881BF.

Preview

Color preview on black background

This text has color #4881BF on black background.

Color preview on white background

This text has color #4881BF on white background.

Black color preview on #4881BF background

This text has black color on #4881BF background.

White color preview on #4881BF background

This text has white color on #4881BF background.