Color #12041F

Color info

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

RGB color model

#12041F color RGB value is (18,4,31).

red value is 18;
green value is 4;
blue value is 31.

RGB:
(18,4,31)
(7%,2%,12%)

RGB channels and saturation

R 18 of 255 = 7%
G 4 of 255 = 2%
B 31 of 255 = 12%

R + G + B ~ 7%. #12041F is dark color.

Portions of RGB colors in percentages

R + G + B =
18 + 4 + 31 = 53 (100%)
R 18 of 53 ~ 33.96%
G 4 of 53 ~ 7.55%
B 31 of 53 ~ 58.49%

%33.96

%58.49

CMYK color model

#12041F color CMYK value is (42,87,0,88).

cyan value is 41.94%
magenta value is 87.10%
yellow value is 0.00%
key color value is 87.84%

CMYK:
(42,87,0,88)
C42M87Y0K88 
(42%,87%,0%,88%)
(0.42/0.87/0.00/0.88)

CMYK percentages

%41.94

%87.1

%87.84

Codes

Color #12041F in popluar color models

	12	04	1F
RGB	18	4	31
HSL	271°	77.14%	6.86%
HSB/HSV	271°	87.10%	12.16%
CMYK	41.94%	87.10%	0.00%
CMYK	87.84%

Color #12041F in popluar number systems.

HEX	12	04	1F
Decimal	18	4	31
Binary	10010	100	11111
Octal	22	4	37

Shades and tints

Shades of #12041F

#12041F
(18,4,31)

#11041D
(17,4,29)

#10041B
(16,4,27)

#0F0419
(15,4,25)

#0E0417
(14,4,23)

#0D0415
(13,4,21)

#0C0413
(12,4,19)

#0B0411
(11,4,17)

#0A040F
(10,4,15)

#09040D
(9,4,13)

#08040B
(8,4,11)

#000000
(0,0,0)

Tints of #12041F

#12041F
(18,4,31)

#271A33
(39,26,51)

#3C3047
(60,48,71)

#51465B
(81,70,91)

#665C6F
(102,92,111)

#7B7283
(123,114,131)

#908897
(144,136,151)

#A59EAB
(165,158,171)

#BAB4BF
(186,180,191)

#CFCAD3
(207,202,211)

#E4E0E7
(228,224,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #12041F color. Also use rgb(18,4,31) instead hex code.

Text Font Color

.myTextColor { color: #12041F; }

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

This text font color is #12041F.

Background Color

.myBgColor { background-color: #12041F; }

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

This div background color is #12041F.

Border color

.myBorderColor { border: 1px solid #12041F; }

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

This div border color is #12041F.

Opacity

.myOpacity80 { color: #12041F; opacity: 0.8; }

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

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

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

This text has shadow with #12041F color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #12041F.

Preview

Color preview on black background

This text has color #12041F on black background.

Color preview on white background

This text has color #12041F on white background.

Black color preview on #12041F background

This text has black color on #12041F background.

White color preview on #12041F background

This text has white color on #12041F background.