Color #448E25

Color info

#448E25 contains mainly green color. Web safe color of #448E25 is #339933 (or #393).

RGB color model

#448E25 color RGB value is (68,142,37).

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

RGB:
(68,142,37)
(27%,56%,15%)

RGB channels and saturation

R 68 of 255 = 27%
G 142 of 255 = 56%
B 37 of 255 = 15%

142

R + G + B ~ 33%. #448E25 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
68 + 142 + 37 = 247 (100%)
R 68 of 247 ~ 27.53%
G 142 of 247 ~ 57.49%
B 37 of 247 ~ 14.98%

%27.53

%57.49

%14.98

CMYK color model

#448E25 color CMYK value is (52,0,74,44).

cyan value is 52.11%
magenta value is 0.00%
yellow value is 73.94%
key color value is 44.31%

CMYK:
(52,0,74,44)
C52M0Y74K44 
(52%,0%,74%,44%)
(0.52/0.00/0.74/0.44)

CMYK percentages

%52.11

%73.94

%44.31

Codes

Color #448E25 in popluar color models

	44	8E	25
RGB	68	142	37
HSL	102°	58.66%	35.10%
HSB/HSV	102°	73.94%	55.69%
CMYK	52.11%	0.00%	73.94%
CMYK	44.31%

Color #448E25 in popluar number systems.

HEX	44	8E	25
Decimal	68	142	37
Binary	1000100	10001110	100101
Octal	104	216	45

Shades and tints

Shades of #448E25

#448E25
(68,142,37)

#3E8222
(62,130,34)

#38761F
(56,118,31)

#326A1C
(50,106,28)

#2C5E19
(44,94,25)

#265216
(38,82,22)

#204613
(32,70,19)

#1A3A10
(26,58,16)

#142E0D
(20,46,13)

#0E220A
(14,34,10)

#081607
(8,22,7)

#000000
(0,0,0)

Tints of #448E25

#448E25
(68,142,37)

#559838
(85,152,56)

#66A24B
(102,162,75)

#77AC5E
(119,172,94)

#88B671
(136,182,113)

#99C084
(153,192,132)

#AACA97
(170,202,151)

#BBD4AA
(187,212,170)

#CCDEBD
(204,222,189)

#DDE8D0
(221,232,208)

#EEF2E3
(238,242,227)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #448E25 color. Also use rgb(68,142,37) instead hex code.

Text Font Color

.myTextColor { color: #448E25; }

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

This text font color is #448E25.

Background Color

.myBgColor { background-color: #448E25; }

<div style="background-color:#448E25">Inner text</div>

This div background color is #448E25.

Border color

.myBorderColor { border: 1px solid #448E25; }

<div style="border:3px solid #448E25">Div</div>

This div border color is #448E25.

Opacity

.myOpacity80 { color: #448E25; opacity: 0.8; }

<p style="color:#448E25;opacity:0.8;">80%</p>

Text with #448E25 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 #448E25;}

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

This text has shadow with #448E25 color.

.textShadow {text-shadow: 3px 3px 1px #448E25, 3px 3px 1px red;}

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

This text has shadow with #448E25 primary color and red secondary color.

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

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

This text has shadow with #448E25 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #448E25.

Preview

Color preview on black background

This text has color #448E25 on black background.

Color preview on white background

This text has color #448E25 on white background.

Black color preview on #448E25 background

This text has black color on #448E25 background.

White color preview on #448E25 background

This text has white color on #448E25 background.