Color #49BFF4

Color info

#49BFF4 contains mainly green and blue colors. Web safe color of #49BFF4 is #33CCFF (or #3CF).

RGB color model

#49BFF4 color RGB value is (73,191,244).

red value is 73;
green value is 191;
blue value is 244.

RGB: (73,191,244) (29%, 75%, 96%)

RGB channels and saturation

R 73 of 255 = 29%
G 191 of 255 = 75%
B 244 of 255 = 96%

73

191

244

R + G + B ~ 67%. #49BFF4 is quite light color.

Portions of RGB colors in percentages

R + G + B = 73 + 191 + 244 = 508 (100%)
R 73 of 508 ~ 14.37%
G 191 of 508 ~ 37.6%
B 244 of 508 ~ 48.03'%

%14.37

%37.6

%48.03

CMYK color model

#49BFF4 color CMYK value is (70,22,0,4).

cyan value is 70.08%
magenta value is 21.72%
yellow value is 0.00%
key color value is 4.31%

CMYK: (70,22,0,4)
C70M22Y0K4 (70%, 22%, 0%, 4%)
(0.70 / 0.22 / 0.00 / 0.04)

CMYK percentages

%70.08

%21.72

%0

%4.31

Codes

Color #49BFF4 in popluar color models

	49	BF	F4
RGB	73	191	244
HSL	199°	88.60%	62.16%
HSB/HSV	199°	70.08%	95.69%
CMYK	70.08%	21.72%	0.00%
CMYK	4.31%

Color #49BFF4 in popluar number systems.

HEX	49	BF	F4
Decimal	73	191	244
Binary	1001001	10111111	11110100
Octal	111	277	364

Shades and tints

Shades of #49BFF4

#49BFF4
(73,191,244)

#43AEDE
(67,174,222)

#3D9DC8
(61,157,200)

#378CB2
(55,140,178)

#317B9C
(49,123,156)

#2B6A86
(43,106,134)

#255970
(37,89,112)

#1F485A
(31,72,90)

#193744
(25,55,68)

#13262E
(19,38,46)

#0D1518
(13,21,24)

#000000
(0,0,0)

Tints of #49BFF4

#49BFF4
(73,191,244)

#59C4F5
(89,196,245)

#69C9F6
(105,201,246)

#79CEF7
(121,206,247)

#89D3F8
(137,211,248)

#99D8F9
(153,216,249)

#A9DDFA
(169,221,250)

#B9E2FB
(185,226,251)

#C9E7FC
(201,231,252)

#D9ECFD
(217,236,253)

#E9F1FE
(233,241,254)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #49BFF4 color. Also use rgb(73,191,244) instead hex code.

Text Font Color

.myTextColor { color: #49BFF4; }

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

This text font color is #49BFF4.

Background Color

.myBgColor { background-color: #49BFF4; }

<div style="background-color:#49BFF4">Inner text</div>

This div background color is #49BFF4.

Border color

.myBorderColor { border: 1px solid #49BFF4; }

This div border color is #49BFF4.

Opacity

.myOpacity80 { color: #49BFF4; opacity: 0.8; }

Text with #49BFF4 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 #49BFF4;}

This text has shadow with #49BFF4 color.

.textShadow {text-shadow: 3px 3px 1px #49BFF4', 3px 3px 1px red;}

This text has shadow with #49BFF4 primary color and red secondary color.

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

This text has shadow with #49BFF4 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #49BFF4.