Color #449F8E

Color info

#449F8E contains mainly green and blue colors. Web safe color of #449F8E is #339999 (or #399).

RGB color model

#449F8E color RGB value is (68,159,142).

red value is 68;
green value is 159;
blue value is 142.

RGB: (68,159,142) (27%, 62%, 56%)

RGB channels and saturation

R 68 of 255 = 27%
G 159 of 255 = 62%
B 142 of 255 = 56%

68

159

142

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

Portions of RGB colors in percentages

R + G + B = 68 + 159 + 142 = 369 (100%)
R 68 of 369 ~ 18.43%
G 159 of 369 ~ 43.09%
B 142 of 369 ~ 38.48'%

%18.43

%43.09

%38.48

CMYK color model

#449F8E color CMYK value is (57,0,11,38).

cyan value is 57.23%
magenta value is 0.00%
yellow value is 10.69%
key color value is 37.65%

CMYK: (57,0,11,38)
C57M0Y11K38 (57%, 0%, 11%, 38%)
(0.57 / 0.00 / 0.11 / 0.38)

CMYK percentages

%57.23

%0

%10.69

%37.65

Codes

Color #449F8E in popluar color models

	44	9F	8E
RGB	68	159	142
HSL	169°	40.09%	44.51%
HSB/HSV	169°	57.23%	62.35%
CMYK	57.23%	0.00%	10.69%
CMYK	37.65%

Color #449F8E in popluar number systems.

HEX	44	9F	8E
Decimal	68	159	142
Binary	1000100	10011111	10001110
Octal	104	237	216

Shades and tints

Shades of #449F8E

#449F8E
(68,159,142)

#3E9182
(62,145,130)

#388376
(56,131,118)

#32756A
(50,117,106)

#2C675E
(44,103,94)

#265952
(38,89,82)

#204B46
(32,75,70)

#1A3D3A
(26,61,58)

#142F2E
(20,47,46)

#0E2122
(14,33,34)

#081316
(8,19,22)

#000000
(0,0,0)

Tints of #449F8E

#449F8E
(68,159,142)

#55A798
(85,167,152)

#66AFA2
(102,175,162)

#77B7AC
(119,183,172)

#88BFB6
(136,191,182)

#99C7C0
(153,199,192)

#AACFCA
(170,207,202)

#BBD7D4
(187,215,212)

#CCDFDE
(204,223,222)

#DDE7E8
(221,231,232)

#EEEFF2
(238,239,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #449F8E color. Also use rgb(68,159,142) instead hex code.

Text Font Color

.myTextColor { color: #449F8E; }

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

This text font color is #449F8E.

Background Color

.myBgColor { background-color: #449F8E; }

<div style="background-color:#449F8E">Inner text</div>

This div background color is #449F8E.

Border color

.myBorderColor { border: 1px solid #449F8E; }

This div border color is #449F8E.

Opacity

.myOpacity80 { color: #449F8E; opacity: 0.8; }

Text with #449F8E 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 #449F8E;}

This text has shadow with #449F8E color.

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

This text has shadow with #449F8E primary color and red secondary color.

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

This text has shadow with #449F8E and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #449F8E.