COLOR #0B3B5E

HEX: #0B3B5E RGB: (11,59,94)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#0B3B5E color RGB value is (11,59,94).

red value is 11;
green value is 59;
blue value is 94.

RGB: (11,59,94) (4%, 23%, 37%)

RGB channels and saturation

R 11 of 255 = 4%
G 59 of 255 = 23%
B 94 of 255 = 37%

R + G + B ~ 21%. #0B3B5E is dark color.

Portions of RGB colors in percentages

R + G + B = 11 + 59 + 94 = 164 (100%)
R 11 of 164 ~ 6.71%
G 59 of 164 ~ 35.98%
B 94 of 164 ~ 57.32'%

%35.98

%57.32

CMYK color model

#0B3B5E color CMYK value is (88,37,0,63).

cyan value is 88.30%
magenta value is 37.23%
yellow value is 0.00%
key color value is 63.14%

CMYK: (88,37,0,63) C88M37Y0K63 (88%,37%,0%,63%) (0.88/0.37/0.00/0.63)

CMYK percentages

%88.3

%37.23

%63.14

Codes

Color #0B3B5E in popluar color models

	0B	3B	5E
RGB	11	59	94
HSL	205°	79.05%	20.59%
HSB/HSV	205°	88.30%	36.86%
CMYK	88.30%	37.23%	0.00%
CMYK	63.14%

Color #0B3B5E in popluar number systems.

HEX	0B	3B	5E
Decimal	11	59	94
Binary	1011	111011	1011110
Octal	13	73	136

Shades and tints

Shades of #0B3B5E

#0B3B5E
(11,59,94)

#0A3656
(10,54,86)

#09314E
(9,49,78)

#082C46
(8,44,70)

#07273E
(7,39,62)

#062236
(6,34,54)

#051D2E
(5,29,46)

#041826
(4,24,38)

#03131E
(3,19,30)

#020E16
(2,14,22)

#01090E
(1,9,14)

#000000
(0,0,0)

Tints of #0B3B5E

#0B3B5E
(11,59,94)

#214C6C
(33,76,108)

#375D7A
(55,93,122)

#4D6E88
(77,110,136)

#637F96
(99,127,150)

#7990A4
(121,144,164)

#8FA1B2
(143,161,178)

#A5B2C0
(165,178,192)

#BBC3CE
(187,195,206)

#D1D4DC
(209,212,220)

#E7E5EA
(231,229,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0B3B5E color. Also use rgb(11,59,94) instead hex code.

Text Font Color

.myTextColor { color: #0B3B5E; }

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

This text font color is #0B3B5E.

Background Color

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

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

This div background color is #0B3B5E.

Border color

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

This div border color is #0B3B5E.

Opacity

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

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

This text has shadow with #0B3B5E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0B3B5E.