Color #449E7B

Color info

#449E7B contains mainly green and blue colors. Web safe color of #449E7B is #339966 (or #396).

RGB color model

#449E7B color RGB value is (68,158,123).

red value is 68;
green value is 158;
blue value is 123.

RGB: (68,158,123) (27%, 62%, 48%)

RGB channels and saturation

R 68 of 255 = 27%
G 158 of 255 = 62%
B 123 of 255 = 48%

68

158

123

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

Portions of RGB colors in percentages

R + G + B = 68 + 158 + 123 = 349 (100%)
R 68 of 349 ~ 19.48%
G 158 of 349 ~ 45.27%
B 123 of 349 ~ 35.24'%

%19.48

%45.27

%35.24

CMYK color model

#449E7B color CMYK value is (57,0,22,38).

cyan value is 56.96%
magenta value is 0.00%
yellow value is 22.15%
key color value is 38.04%

CMYK: (57,0,22,38)
C57M0Y22K38 (57%, 0%, 22%, 38%)
(0.57 / 0.00 / 0.22 / 0.38)

CMYK percentages

%56.96

%0

%22.15

%38.04

Codes

Color #449E7B in popluar color models

	44	9E	7B
RGB	68	158	123
HSL	157°	39.82%	44.31%
HSB/HSV	157°	56.96%	61.96%
CMYK	56.96%	0.00%	22.15%
CMYK	38.04%

Color #449E7B in popluar number systems.

HEX	44	9E	7B
Decimal	68	158	123
Binary	1000100	10011110	1111011
Octal	104	236	173

Shades and tints

Shades of #449E7B

#449E7B
(68,158,123)

#3E9070
(62,144,112)

#388265
(56,130,101)

#32745A
(50,116,90)

#2C664F
(44,102,79)

#265844
(38,88,68)

#204A39
(32,74,57)

#1A3C2E
(26,60,46)

#142E23
(20,46,35)

#0E2018
(14,32,24)

#08120D
(8,18,13)

#000000
(0,0,0)

Tints of #449E7B

#449E7B
(68,158,123)

#55A687
(85,166,135)

#66AE93
(102,174,147)

#77B69F
(119,182,159)

#88BEAB
(136,190,171)

#99C6B7
(153,198,183)

#AACEC3
(170,206,195)

#BBD6CF
(187,214,207)

#CCDEDB
(204,222,219)

#DDE6E7
(221,230,231)

#EEEEF3
(238,238,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #449E7B color. Also use rgb(68,158,123) instead hex code.

Text Font Color

.myTextColor { color: #449E7B; }

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

This text font color is #449E7B.

Background Color

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

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

This div background color is #449E7B.

Border color

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

This div border color is #449E7B.

Opacity

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

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

This text has shadow with #449E7B color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #449E7B.