Color #040F38

Color info

#040F38 contains red, green and blue colors in about the same proportion. Web safe color of #040F38 is #000033 (or #003).

RGB color model

#040F38 color RGB value is (4,15,56).

red value is 4;
green value is 15;
blue value is 56.

RGB:
(4,15,56)
(2%,6%,22%)

RGB channels and saturation

R 4 of 255 = 2%
G 15 of 255 = 6%
B 56 of 255 = 22%

R + G + B ~ 10%. #040F38 is dark color.

Portions of RGB colors in percentages

R + G + B =
4 + 15 + 56 = 75 (100%)
R 4 of 75 ~ 5.33%
G 15 of 75 ~ 20%
B 56 of 75 ~ 74.67%

%20

%74.67

CMYK color model

#040F38 color CMYK value is (93,73,0,78).

cyan value is 92.86%
magenta value is 73.21%
yellow value is 0.00%
key color value is 78.04%

CMYK:
(93,73,0,78)
C93M73Y0K78 
(93%,73%,0%,78%)
(0.93/0.73/0.00/0.78)

CMYK percentages

%92.86

%73.21

%78.04

Codes

Color #040F38 in popluar color models

	04	0F	38
RGB	4	15	56
HSL	227°	86.67%	11.76%
HSB/HSV	227°	92.86%	21.96%
CMYK	92.86%	73.21%	0.00%
CMYK	78.04%

Color #040F38 in popluar number systems.

HEX	04	0F	38
Decimal	4	15	56
Binary	100	1111	111000
Octal	4	17	70

Shades and tints

Shades of #040F38

#040F38
(4,15,56)

#040E33
(4,14,51)

#040D2E
(4,13,46)

#040C29
(4,12,41)

#040B24
(4,11,36)

#040A1F
(4,10,31)

#04091A
(4,9,26)

#040815
(4,8,21)

#040710
(4,7,16)

#04060B
(4,6,11)

#040506
(4,5,6)

#000000
(0,0,0)

Tints of #040F38

#040F38
(4,15,56)

#1A244A
(26,36,74)

#30395C
(48,57,92)

#464E6E
(70,78,110)

#5C6380
(92,99,128)

#727892
(114,120,146)

#888DA4
(136,141,164)

#9EA2B6
(158,162,182)

#B4B7C8
(180,183,200)

#CACCDA
(202,204,218)

#E0E1EC
(224,225,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #040F38 color. Also use rgb(4,15,56) instead hex code.

Text Font Color

.myTextColor { color: #040F38; }

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

This text font color is #040F38.

Background Color

.myBgColor { background-color: #040F38; }

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

This div background color is #040F38.

Border color

.myBorderColor { border: 1px solid #040F38; }

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

This div border color is #040F38.

Opacity

.myOpacity80 { color: #040F38; opacity: 0.8; }

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

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

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

This text has shadow with #040F38 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #040F38.

Preview

Color preview on black background

This text has color #040F38 on black background.

Color preview on white background

This text has color #040F38 on white background.

Black color preview on #040F38 background

This text has black color on #040F38 background.

White color preview on #040F38 background

This text has white color on #040F38 background.