COLOR #046847

HEX: #046847
RGB: (4,104,71)

Color info

#046847 contains mainly green and blue colors. Web safe color of #046847 is #006633 (or #063).

RGB color model

#046847 color RGB value is (4,104,71).

  • red value is 4;
  • green value is 104;
  • blue value is 71.
RGB:
(4,104,71)
(2%,41%,28%)

RGB channels and saturation

R 4 of 255 = 2%
G 104 of 255 = 41%
B 71 of 255 = 28%

4
104
71

R + G + B ~ 24%. #046847 is dark color.

Portions of RGB colors in percentages

R + G + B =
4 + 104 + 71 = 179 (100%)
R 4 of 179 ~ 2.23%
G 104 of 179 ~ 58.1%
B 71 of 179 ~ 39.66%

%58.1
%39.66

CMYK color model

#046847 color CMYK value is (96,0,32,59).

  • cyan value is 96.15%
  • magenta value is 0.00%
  • yellow value is 31.73%
  • key color value is 59.22%
CMYK:
(96,0,32,59)
C96M0Y32K59 
(96%,0%,32%,59%)
(0.96/0.00/0.32/0.59)	

CMYK percentages

%96.15
%0
%31.73
%59.22

Codes

Color #046847 in popluar color models

046847
RGB410471
HSL160°92.59%21.18%
HSB/HSV160°96.15%40.78%
CMYK96.15%0.00%31.73%
59.22%

Color #046847 in popluar number systems.

HEX046847
Decimal410471
Binary10011010001000111
Octal4150107

Shades and tints

Shades of #046847

#046847
(4,104,71)
#045F41
(4,95,65)
#04563B
(4,86,59)
#044D35
(4,77,53)
#04442F
(4,68,47)
#043B29
(4,59,41)
#043223
(4,50,35)
#04291D
(4,41,29)
#042017
(4,32,23)
#041711
(4,23,17)
#040E0B
(4,14,11)
#000000
(0,0,0)

Tints of #046847

#046847
(4,104,71)
#1A7557
(26,117,87)
#308267
(48,130,103)
#468F77
(70,143,119)
#5C9C87
(92,156,135)
#72A997
(114,169,151)
#88B6A7
(136,182,167)
#9EC3B7
(158,195,183)
#B4D0C7
(180,208,199)
#CADDD7
(202,221,215)
#E0EAE7
(224,234,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #046847 color. Also use rgb(4,104,71) instead hex code.

Text Font Color

.myTextColor { color: #046847; }

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

This text font color is #046847.


Background Color

.myBgColor { background-color: #046847; }

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

This div background color is #046847.


Border color

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

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

This div border color is #046847.


Opacity

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

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

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

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

This text has shadow with #046847 color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #046847;
-webkit-box-shadow: 1px 1px 3px 2px #046847;
box-shadow:1px 1px 3px 2px #046847;">
Div content here</div>
This div box has shadow with color #046847.

Preview

Color preview on black background

This text has color #046847 on black background.


Color preview on white background

This text has color #046847 on white background.



Black color preview on #046847 background

This text has black color on #046847 background.


White color preview on #046847 background

This text has white color on #046847 background.