COLOR #001864

HEX: #001864
RGB: (0,24,100)

Color info

#001864 contains mainly blue color. Web safe color of #001864 is #000066 (or #006).

RGB color model

#001864 color RGB value is (0,24,100).

  • red value is 0;
  • green value is 24;
  • blue value is 100.
RGB:
(0,24,100)
(0%,9%,39%)

RGB channels and saturation

R 0 of 255 = 0%
G 24 of 255 = 9%
B 100 of 255 = 39%

0
24
100

R + G + B ~ 16%. #001864 is dark color.

Portions of RGB colors in percentages

R + G + B =
0 + 24 + 100 = 124 (100%)
R 0 of 124 ~ 0%
G 24 of 124 ~ 19.35%
B 100 of 124 ~ 80.65%

%19.35
%80.65

CMYK color model

#001864 color CMYK value is (100,76,0,61).

  • cyan value is 100.00%
  • magenta value is 76.00%
  • yellow value is 0.00%
  • key color value is 60.78%
CMYK:
(100,76,0,61)
C100M76Y0K61 
(100%,76%,0%,61%)
(1.00/0.76/0.00/0.61)	

CMYK percentages

%100
%76
%0
%60.78

Codes

Color #001864 in popluar color models

001864
RGB024100
HSL226°100.00%19.61%
HSB/HSV226°100.00%39.22%
CMYK100.00%76.00%0.00%
60.78%

Color #001864 in popluar number systems.

HEX001864
Decimal024100
Binary0110001100100
Octal030144

Shades and tints

Shades of #001864

#001864
(0,24,100)
#00165B
(0,22,91)
#001452
(0,20,82)
#001249
(0,18,73)
#001040
(0,16,64)
#000E37
(0,14,55)
#000C2E
(0,12,46)
#000A25
(0,10,37)
#00081C
(0,8,28)
#000613
(0,6,19)
#00040A
(0,4,10)
#000000
(0,0,0)

Tints of #001864

#001864
(0,24,100)
#172D72
(23,45,114)
#2E4280
(46,66,128)
#45578E
(69,87,142)
#5C6C9C
(92,108,156)
#7381AA
(115,129,170)
#8A96B8
(138,150,184)
#A1ABC6
(161,171,198)
#B8C0D4
(184,192,212)
#CFD5E2
(207,213,226)
#E6EAF0
(230,234,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #001864 color. Also use rgb(0,24,100) instead hex code.

Text Font Color

.myTextColor { color: #001864; }

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

This text font color is #001864.


Background Color

.myBgColor { background-color: #001864; }

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

This div background color is #001864.


Border color

.myBorderColor { border: 1px solid #001864; }

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

This div border color is #001864.


Opacity

.myOpacity80 { color: #001864; opacity: 0.8; }

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

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

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

This text has shadow with #001864 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #001864 on black background.


Color preview on white background

This text has color #001864 on white background.



Black color preview on #001864 background

This text has black color on #001864 background.


White color preview on #001864 background

This text has white color on #001864 background.