COLOR #0864CE

HEX: #0864CE
RGB: (8,100,206)

Color info

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

RGB color model

#0864CE color RGB value is (8,100,206).

  • red value is 8;
  • green value is 100;
  • blue value is 206.
RGB:
(8,100,206)
(3%,39%,81%)

RGB channels and saturation

R 8 of 255 = 3%
G 100 of 255 = 39%
B 206 of 255 = 81%

8
100
206

R + G + B ~ 41%. #0864CE is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
8 + 100 + 206 = 314 (100%)
R 8 of 314 ~ 2.55%
G 100 of 314 ~ 31.85%
B 206 of 314 ~ 65.61%

%31.85
%65.61

CMYK color model

#0864CE color CMYK value is (96,51,0,19).

  • cyan value is 96.12%
  • magenta value is 51.46%
  • yellow value is 0.00%
  • key color value is 19.22%
CMYK:
(96,51,0,19)
C96M51Y0K19 
(96%,51%,0%,19%)
(0.96/0.51/0.00/0.19)	

CMYK percentages

%96.12
%51.46
%0
%19.22

Codes

Color #0864CE in popluar color models

0864CE
RGB8100206
HSL212°92.52%41.96%
HSB/HSV212°96.12%80.78%
CMYK96.12%51.46%0.00%
19.22%

Color #0864CE in popluar number systems.

HEX0864CE
Decimal8100206
Binary1000110010011001110
Octal10144316

Shades and tints

Shades of #0864CE

#0864CE
(8,100,206)
#085BBC
(8,91,188)
#0852AA
(8,82,170)
#084998
(8,73,152)
#084086
(8,64,134)
#083774
(8,55,116)
#082E62
(8,46,98)
#082550
(8,37,80)
#081C3E
(8,28,62)
#08132C
(8,19,44)
#080A1A
(8,10,26)
#000000
(0,0,0)

Tints of #0864CE

#0864CE
(8,100,206)
#1E72D2
(30,114,210)
#3480D6
(52,128,214)
#4A8EDA
(74,142,218)
#609CDE
(96,156,222)
#76AAE2
(118,170,226)
#8CB8E6
(140,184,230)
#A2C6EA
(162,198,234)
#B8D4EE
(184,212,238)
#CEE2F2
(206,226,242)
#E4F0F6
(228,240,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0864CE color. Also use rgb(8,100,206) instead hex code.

Text Font Color

.myTextColor { color: #0864CE; }

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

This text font color is #0864CE.


Background Color

.myBgColor { background-color: #0864CE; }

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

This div background color is #0864CE.


Border color

.myBorderColor { border: 1px solid #0864CE; }

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

This div border color is #0864CE.


Opacity

.myOpacity80 { color: #0864CE; opacity: 0.8; }

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

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

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

This text has shadow with #0864CE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #0864CE on black background.


Color preview on white background

This text has color #0864CE on white background.



Black color preview on #0864CE background

This text has black color on #0864CE background.


White color preview on #0864CE background

This text has white color on #0864CE background.