COLOR #0C75CB

HEX: #0C75CB
RGB: (12,117,203)

Color info

#0C75CB contains mainly blue color. Web safe color of #0C75CB is #0066CC (or #06C).

RGB color model

#0C75CB color RGB value is (12,117,203).

  • red value is 12;
  • green value is 117;
  • blue value is 203.
RGB:
(12,117,203)
(5%,46%,80%)

RGB channels and saturation

R 12 of 255 = 5%
G 117 of 255 = 46%
B 203 of 255 = 80%

12
117
203

R + G + B ~ 44%. #0C75CB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
12 + 117 + 203 = 332 (100%)
R 12 of 332 ~ 3.61%
G 117 of 332 ~ 35.24%
B 203 of 332 ~ 61.14%

%35.24
%61.14

CMYK color model

#0C75CB color CMYK value is (94,42,0,20).

  • cyan value is 94.09%
  • magenta value is 42.36%
  • yellow value is 0.00%
  • key color value is 20.39%
CMYK:
(94,42,0,20)
C94M42Y0K20 
(94%,42%,0%,20%)
(0.94/0.42/0.00/0.20)	

CMYK percentages

%94.09
%42.36
%0
%20.39

Codes

Color #0C75CB in popluar color models

0C75CB
RGB12117203
HSL207°88.84%42.16%
HSB/HSV207°94.09%79.61%
CMYK94.09%42.36%0.00%
20.39%

Color #0C75CB in popluar number systems.

HEX0C75CB
Decimal12117203
Binary1100111010111001011
Octal14165313

Shades and tints

Shades of #0C75CB

#0C75CB
(12,117,203)
#0B6BB9
(11,107,185)
#0A61A7
(10,97,167)
#095795
(9,87,149)
#084D83
(8,77,131)
#074371
(7,67,113)
#06395F
(6,57,95)
#052F4D
(5,47,77)
#04253B
(4,37,59)
#031B29
(3,27,41)
#021117
(2,17,23)
#000000
(0,0,0)

Tints of #0C75CB

#0C75CB
(12,117,203)
#2281CF
(34,129,207)
#388DD3
(56,141,211)
#4E99D7
(78,153,215)
#64A5DB
(100,165,219)
#7AB1DF
(122,177,223)
#90BDE3
(144,189,227)
#A6C9E7
(166,201,231)
#BCD5EB
(188,213,235)
#D2E1EF
(210,225,239)
#E8EDF3
(232,237,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0C75CB color. Also use rgb(12,117,203) instead hex code.

Text Font Color

.myTextColor { color: #0C75CB; }

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

This text font color is #0C75CB.


Background Color

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

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

This div background color is #0C75CB.


Border color

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

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

This div border color is #0C75CB.


Opacity

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

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

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

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

This text has shadow with #0C75CB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #0C75CB on black background.


Color preview on white background

This text has color #0C75CB on white background.



Black color preview on #0C75CB background

This text has black color on #0C75CB background.


White color preview on #0C75CB background

This text has white color on #0C75CB background.