COLOR #084877

HEX: #084877
RGB: (8,72,119)

Color info

#084877 contains mainly green and blue colors. Web safe color of #084877 is #003366 (or #036).

RGB color model

#084877 color RGB value is (8,72,119).

  • red value is 8;
  • green value is 72;
  • blue value is 119.
RGB:
(8,72,119)
(3%,28%,47%)

RGB channels and saturation

R 8 of 255 = 3%
G 72 of 255 = 28%
B 119 of 255 = 47%

8
72
119

R + G + B ~ 26%. #084877 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
8 + 72 + 119 = 199 (100%)
R 8 of 199 ~ 4.02%
G 72 of 199 ~ 36.18%
B 119 of 199 ~ 59.8%

%36.18
%59.8

CMYK color model

#084877 color CMYK value is (93,39,0,53).

  • cyan value is 93.28%
  • magenta value is 39.50%
  • yellow value is 0.00%
  • key color value is 53.33%
CMYK:
(93,39,0,53)
C93M39Y0K53 
(93%,39%,0%,53%)
(0.93/0.39/0.00/0.53)	

CMYK percentages

%93.28
%39.5
%0
%53.33

Codes

Color #084877 in popluar color models

084877
RGB872119
HSL205°87.40%24.90%
HSB/HSV205°93.28%46.67%
CMYK93.28%39.50%0.00%
53.33%

Color #084877 in popluar number systems.

HEX084877
Decimal872119
Binary100010010001110111
Octal10110167

Shades and tints

Shades of #084877

#084877
(8,72,119)
#08426D
(8,66,109)
#083C63
(8,60,99)
#083659
(8,54,89)
#08304F
(8,48,79)
#082A45
(8,42,69)
#08243B
(8,36,59)
#081E31
(8,30,49)
#081827
(8,24,39)
#08121D
(8,18,29)
#080C13
(8,12,19)
#000000
(0,0,0)

Tints of #084877

#084877
(8,72,119)
#1E5883
(30,88,131)
#34688F
(52,104,143)
#4A789B
(74,120,155)
#6088A7
(96,136,167)
#7698B3
(118,152,179)
#8CA8BF
(140,168,191)
#A2B8CB
(162,184,203)
#B8C8D7
(184,200,215)
#CED8E3
(206,216,227)
#E4E8EF
(228,232,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #084877 color. Also use rgb(8,72,119) instead hex code.

Text Font Color

.myTextColor { color: #084877; }

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

This text font color is #084877.


Background Color

.myBgColor { background-color: #084877; }

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

This div background color is #084877.


Border color

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

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

This div border color is #084877.


Opacity

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

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

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

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

This text has shadow with #084877 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #084877 on black background.


Color preview on white background

This text has color #084877 on white background.



Black color preview on #084877 background

This text has black color on #084877 background.


White color preview on #084877 background

This text has white color on #084877 background.