COLOR #0C4272

HEX: #0C4272 RGB: (12,66,114)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#0C4272 color RGB value is (12,66,114).

red value is 12;
green value is 66;
blue value is 114.

RGB: (12,66,114) (5%, 26%, 45%)

RGB channels and saturation

R 12 of 255 = 5%
G 66 of 255 = 26%
B 114 of 255 = 45%

114

R + G + B ~ 25%. #0C4272 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 12 + 66 + 114 = 192 (100%)
R 12 of 192 ~ 6.25%
G 66 of 192 ~ 34.38%
B 114 of 192 ~ 59.38'%

%34.38

%59.38

CMYK color model

#0C4272 color CMYK value is (89,42,0,55).

cyan value is 89.47%
magenta value is 42.11%
yellow value is 0.00%
key color value is 55.29%

CMYK: (89,42,0,55) C89M42Y0K55 (89%,42%,0%,55%) (0.89/0.42/0.00/0.55)

CMYK percentages

%89.47

%42.11

%55.29

Codes

Color #0C4272 in popluar color models

	0C	42	72
RGB	12	66	114
HSL	208°	80.95%	24.71%
HSB/HSV	208°	89.47%	44.71%
CMYK	89.47%	42.11%	0.00%
CMYK	55.29%

Color #0C4272 in popluar number systems.

HEX	0C	42	72
Decimal	12	66	114
Binary	1100	1000010	1110010
Octal	14	102	162

Shades and tints

Shades of #0C4272

#0C4272
(12,66,114)

#0B3C68
(11,60,104)

#0A365E
(10,54,94)

#093054
(9,48,84)

#082A4A
(8,42,74)

#072440
(7,36,64)

#061E36
(6,30,54)

#05182C
(5,24,44)

#041222
(4,18,34)

#030C18
(3,12,24)

#02060E
(2,6,14)

#000000
(0,0,0)

Tints of #0C4272

#0C4272
(12,66,114)

#22537E
(34,83,126)

#38648A
(56,100,138)

#4E7596
(78,117,150)

#6486A2
(100,134,162)

#7A97AE
(122,151,174)

#90A8BA
(144,168,186)

#A6B9C6
(166,185,198)

#BCCAD2
(188,202,210)

#D2DBDE
(210,219,222)

#E8ECEA
(232,236,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0C4272 color. Also use rgb(12,66,114) instead hex code.

Text Font Color

.myTextColor { color: #0C4272; }

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

This text font color is #0C4272.

Background Color

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

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

This div background color is #0C4272.

Border color

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

This div border color is #0C4272.

Opacity

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

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

This text has shadow with #0C4272 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0C4272.