Color #458331

Color info

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

RGB color model

#458331 color RGB value is (69,131,49).

red value is 69;
green value is 131;
blue value is 49.

RGB: (69,131,49) (27%,51%,19%)

RGB channels and saturation

R 69 of 255 = 27%
G 131 of 255 = 51%
B 49 of 255 = 19%

131

R + G + B ~ 32%. #458331 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
69 + 131 + 49 = 249 (100%)
R 69 of 249 ~ 27.71%
G 131 of 249 ~ 52.61%
B 49 of 249 ~ 19.68%

%27.71

%52.61

%19.68

CMYK color model

#458331 color CMYK value is (47,0,63,49).

cyan value is 47.33%
magenta value is 0.00%
yellow value is 62.60%
key color value is 48.63%

CMYK: (47,0,63,49) C47M0Y63K49 (47%,0%,63%,49%) (0.47/0.00/0.63/0.49)

CMYK percentages

%47.33

%62.6

%48.63

Codes

Color #458331 in popluar color models

	45	83	31
RGB	69	131	49
HSL	105°	45.56%	35.29%
HSB/HSV	105°	62.60%	51.37%
CMYK	47.33%	0.00%	62.60%
CMYK	48.63%

Color #458331 in popluar number systems.

HEX	45	83	31
Decimal	69	131	49
Binary	1000101	10000011	110001
Octal	105	203	61

Shades and tints

Shades of #458331

#458331
(69,131,49)

#3F782D
(63,120,45)

#396D29
(57,109,41)

#336225
(51,98,37)

#2D5721
(45,87,33)

#274C1D
(39,76,29)

#214119
(33,65,25)

#1B3615
(27,54,21)

#152B11
(21,43,17)

#0F200D
(15,32,13)

#091509
(9,21,9)

#000000
(0,0,0)

Tints of #458331

#458331
(69,131,49)

#558E43
(85,142,67)

#659955
(101,153,85)

#75A467
(117,164,103)

#85AF79
(133,175,121)

#95BA8B
(149,186,139)

#A5C59D
(165,197,157)

#B5D0AF
(181,208,175)

#C5DBC1
(197,219,193)

#D5E6D3
(213,230,211)

#E5F1E5
(229,241,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #458331 color. Also use rgb(69,131,49) instead hex code.

Text Font Color

.myTextColor { color: #458331; }

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

This text font color is #458331.

Background Color

.myBgColor { background-color: #458331; }

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

This div background color is #458331.

Border color

.myBorderColor { border: 1px solid #458331; }

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

This div border color is #458331.

Opacity

.myOpacity80 { color: #458331; opacity: 0.8; }

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

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

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

This text has shadow with #458331 color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #458331; -webkit-box-shadow:	1px 1px 3px 2px #458331; box-shadow:	1px 1px 3px 2px #458331; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #458331; -webkit-box-shadow: 1px 1px 3px 2px #458331; box-shadow:1px 1px 3px 2px #458331;">
Div content here</div>

This div box has shadow with color #458331.

Preview

Color preview on black background

This text has color #458331 on black background.

Color preview on white background

This text has color #458331 on white background.

Black color preview on #458331 background

This text has black color on #458331 background.

White color preview on #458331 background

This text has white color on #458331 background.