COLOR #0F5786

HEX: #0F5786 RGB: (15,87,134)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#0F5786 contains mainly green and blue colors. Web safe color of #0F5786 is #006699 (or #069).

RGB color model

#0F5786 color RGB value is (15,87,134).

red value is 15;
green value is 87;
blue value is 134.

RGB: (15,87,134) (6%, 34%, 53%)

RGB channels and saturation

R 15 of 255 = 6%
G 87 of 255 = 34%
B 134 of 255 = 53%

134

R + G + B ~ 31%. #0F5786 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 15 + 87 + 134 = 236 (100%)
R 15 of 236 ~ 6.36%
G 87 of 236 ~ 36.86%
B 134 of 236 ~ 56.78'%

%36.86

%56.78

CMYK color model

#0F5786 color CMYK value is (89,35,0,47).

cyan value is 88.81%
magenta value is 35.07%
yellow value is 0.00%
key color value is 47.45%

CMYK: (89,35,0,47) C89M35Y0K47 (89%,35%,0%,47%) (0.89/0.35/0.00/0.47)

CMYK percentages

%88.81

%35.07

%47.45

Codes

Color #0F5786 in popluar color models

	0F	57	86
RGB	15	87	134
HSL	204°	79.87%	29.22%
HSB/HSV	204°	88.81%	52.55%
CMYK	88.81%	35.07%	0.00%
CMYK	47.45%

Color #0F5786 in popluar number systems.

HEX	0F	57	86
Decimal	15	87	134
Binary	1111	1010111	10000110
Octal	17	127	206

Shades and tints

Shades of #0F5786

#0F5786
(15,87,134)

#0E507A
(14,80,122)

#0D496E
(13,73,110)

#0C4262
(12,66,98)

#0B3B56
(11,59,86)

#0A344A
(10,52,74)

#092D3E
(9,45,62)

#082632
(8,38,50)

#071F26
(7,31,38)

#06181A
(6,24,26)

#05110E
(5,17,14)

#000000
(0,0,0)

Tints of #0F5786

#0F5786
(15,87,134)

#246691
(36,102,145)

#39759C
(57,117,156)

#4E84A7
(78,132,167)

#6393B2
(99,147,178)

#78A2BD
(120,162,189)

#8DB1C8
(141,177,200)

#A2C0D3
(162,192,211)

#B7CFDE
(183,207,222)

#CCDEE9
(204,222,233)

#E1EDF4
(225,237,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0F5786 color. Also use rgb(15,87,134) instead hex code.

Text Font Color

.myTextColor { color: #0F5786; }

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

This text font color is #0F5786.

Background Color

.myBgColor { background-color: #0F5786; }

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

This div background color is #0F5786.

Border color

.myBorderColor { border: 1px solid #0F5786; }

This div border color is #0F5786.

Opacity

.myOpacity80 { color: #0F5786; opacity: 0.8; }

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

This text has shadow with #0F5786 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0F5786.