COLOR #12493F

HEX: #12493F RGB: (18,73,63)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#12493F contains red, green and blue colors in about the same proportion. Web safe color of #12493F is #003333 (or #033).

RGB color model

#12493F color RGB value is (18,73,63).

red value is 18;
green value is 73;
blue value is 63.

RGB: (18,73,63) (7%, 29%, 25%)

RGB channels and saturation

R 18 of 255 = 7%
G 73 of 255 = 29%
B 63 of 255 = 25%

R + G + B ~ 20%. #12493F is dark color.

Portions of RGB colors in percentages

R + G + B = 18 + 73 + 63 = 154 (100%)
R 18 of 154 ~ 11.69%
G 73 of 154 ~ 47.4%
B 63 of 154 ~ 40.91'%

%11.69

%47.4

%40.91

CMYK color model

#12493F color CMYK value is (75,0,14,71).

cyan value is 75.34%
magenta value is 0.00%
yellow value is 13.70%
key color value is 71.37%

CMYK: (75,0,14,71) C75M0Y14K71 (75%,0%,14%,71%) (0.75/0.00/0.14/0.71)

CMYK percentages

%75.34

%13.7

%71.37

Codes

Color #12493F in popluar color models

	12	49	3F
RGB	18	73	63
HSL	169°	60.44%	17.84%
HSB/HSV	169°	75.34%	28.63%
CMYK	75.34%	0.00%	13.70%
CMYK	71.37%

Color #12493F in popluar number systems.

HEX	12	49	3F
Decimal	18	73	63
Binary	10010	1001001	111111
Octal	22	111	77

Shades and tints

Shades of #12493F

#12493F
(18,73,63)

#11433A
(17,67,58)

#103D35
(16,61,53)

#0F3730
(15,55,48)

#0E312B
(14,49,43)

#0D2B26
(13,43,38)

#0C2521
(12,37,33)

#0B1F1C
(11,31,28)

#0A1917
(10,25,23)

#091312
(9,19,18)

#080D0D
(8,13,13)

#000000
(0,0,0)

Tints of #12493F

#12493F
(18,73,63)

#275950
(39,89,80)

#3C6961
(60,105,97)

#517972
(81,121,114)

#668983
(102,137,131)

#7B9994
(123,153,148)

#90A9A5
(144,169,165)

#A5B9B6
(165,185,182)

#BAC9C7
(186,201,199)

#CFD9D8
(207,217,216)

#E4E9E9
(228,233,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #12493F color. Also use rgb(18,73,63) instead hex code.

Text Font Color

.myTextColor { color: #12493F; }

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

This text font color is #12493F.

Background Color

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

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

This div background color is #12493F.

Border color

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

This div border color is #12493F.

Opacity

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

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

This text has shadow with #12493F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #12493F.