Color #449F4B

Color info

#449F4B contains mainly green color. Web safe color of #449F4B is #339933 (or #393).

RGB color model

#449F4B color RGB value is (68,159,75).

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

RGB:
(68,159,75)
(27%,62%,29%)

RGB channels and saturation

R 68 of 255 = 27%
G 159 of 255 = 62%
B 75 of 255 = 29%

159

R + G + B ~ 39%. #449F4B is quite dark color.

Portions of RGB colors in percentages

R + G + B =
68 + 159 + 75 = 302 (100%)
R 68 of 302 ~ 22.52%
G 159 of 302 ~ 52.65%
B 75 of 302 ~ 24.83%

%22.52

%52.65

%24.83

CMYK color model

#449F4B color CMYK value is (57,0,53,38).

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

CMYK:
(57,0,53,38)
C57M0Y53K38 
(57%,0%,53%,38%)
(0.57/0.00/0.53/0.38)

CMYK percentages

%57.23

%52.83

%37.65

Codes

Color #449F4B in popluar color models

	44	9F	4B
RGB	68	159	75
HSL	125°	40.09%	44.51%
HSB/HSV	125°	57.23%	62.35%
CMYK	57.23%	0.00%	52.83%
CMYK	37.65%

Color #449F4B in popluar number systems.

HEX	44	9F	4B
Decimal	68	159	75
Binary	1000100	10011111	1001011
Octal	104	237	113

Shades and tints

Shades of #449F4B

#449F4B
(68,159,75)

#3E9145
(62,145,69)

#38833F
(56,131,63)

#327539
(50,117,57)

#2C6733
(44,103,51)

#26592D
(38,89,45)

#204B27
(32,75,39)

#1A3D21
(26,61,33)

#142F1B
(20,47,27)

#0E2115
(14,33,21)

#08130F
(8,19,15)

#000000
(0,0,0)

Tints of #449F4B

#449F4B
(68,159,75)

#55A75B
(85,167,91)

#66AF6B
(102,175,107)

#77B77B
(119,183,123)

#88BF8B
(136,191,139)

#99C79B
(153,199,155)

#AACFAB
(170,207,171)

#BBD7BB
(187,215,187)

#CCDFCB
(204,223,203)

#DDE7DB
(221,231,219)

#EEEFEB
(238,239,235)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #449F4B; }

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

This text font color is #449F4B.

Background Color

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

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

This div background color is #449F4B.

Border color

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

<div style="border:3px solid #449F4B">Div</div>

This div border color is #449F4B.

Opacity

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

<p style="color:#449F4B;opacity:0.8;">80%</p>

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

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

This text has shadow with #449F4B color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #449F4B.

Preview

Color preview on black background

This text has color #449F4B on black background.

Color preview on white background

This text has color #449F4B on white background.

Black color preview on #449F4B background

This text has black color on #449F4B background.

White color preview on #449F4B background

This text has white color on #449F4B background.