Color #488B5F

Color info

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

RGB color model

#488B5F color RGB value is (72,139,95).

red value is 72;
green value is 139;
blue value is 95.

RGB: (72,139,95) (28%, 55%, 37%)

RGB channels and saturation

R 72 of 255 = 28%
G 139 of 255 = 55%
B 95 of 255 = 37%

72

139

95

R + G + B ~ 40%. #488B5F is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 72 + 139 + 95 = 306 (100%)
R 72 of 306 ~ 23.53%
G 139 of 306 ~ 45.42%
B 95 of 306 ~ 31.05'%

%23.53

%45.42

%31.05

CMYK color model

#488B5F color CMYK value is (48,0,32,45).

cyan value is 48.20%
magenta value is 0.00%
yellow value is 31.65%
key color value is 45.49%

CMYK: (48,0,32,45)
C48M0Y32K45 (48%, 0%, 32%, 45%)
(0.48 / 0.00 / 0.32 / 0.45)

CMYK percentages

%48.2

%0

%31.65

%45.49

Codes

Color #488B5F in popluar color models

	48	8B	5F
RGB	72	139	95
HSL	141°	31.75%	41.37%
HSB/HSV	141°	48.20%	54.51%
CMYK	48.20%	0.00%	31.65%
CMYK	45.49%

Color #488B5F in popluar number systems.

HEX	48	8B	5F
Decimal	72	139	95
Binary	1001000	10001011	1011111
Octal	110	213	137

Shades and tints

Shades of #488B5F

#488B5F
(72,139,95)

#427F57
(66,127,87)

#3C734F
(60,115,79)

#366747
(54,103,71)

#305B3F
(48,91,63)

#2A4F37
(42,79,55)

#24432F
(36,67,47)

#1E3727
(30,55,39)

#182B1F
(24,43,31)

#121F17
(18,31,23)

#0C130F
(12,19,15)

#000000
(0,0,0)

Tints of #488B5F

#488B5F
(72,139,95)

#58956D
(88,149,109)

#689F7B
(104,159,123)

#78A989
(120,169,137)

#88B397
(136,179,151)

#98BDA5
(152,189,165)

#A8C7B3
(168,199,179)

#B8D1C1
(184,209,193)

#C8DBCF
(200,219,207)

#D8E5DD
(216,229,221)

#E8EFEB
(232,239,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #488B5F color. Also use rgb(72,139,95) instead hex code.

Text Font Color

.myTextColor { color: #488B5F; }

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

This text font color is #488B5F.

Background Color

.myBgColor { background-color: #488B5F; }

<div style="background-color:#488B5F">Inner text</div>

This div background color is #488B5F.

Border color

.myBorderColor { border: 1px solid #488B5F; }

This div border color is #488B5F.

Opacity

.myOpacity80 { color: #488B5F; opacity: 0.8; }

Text with #488B5F 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 #488B5F;}

This text has shadow with #488B5F color.

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

This text has shadow with #488B5F primary color and red secondary color.

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

This text has shadow with #488B5F and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #488B5F.