COLOR #03442C

HEX: #03442C RGB: (3,68,44)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#03442C contains mainly green and blue colors. Web safe color of #03442C is #003333 (or #033).

RGB color model

#03442C color RGB value is (3,68,44).

red value is 3;
green value is 68;
blue value is 44.

RGB: (3,68,44) (1%, 27%, 17%)

RGB channels and saturation

R 3 of 255 = 1%
G 68 of 255 = 27%
B 44 of 255 = 17%

R + G + B ~ 15%. #03442C is dark color.

Portions of RGB colors in percentages

R + G + B = 3 + 68 + 44 = 115 (100%)
R 3 of 115 ~ 2.61%
G 68 of 115 ~ 59.13%
B 44 of 115 ~ 38.26'%

%59.13

%38.26

CMYK color model

#03442C color CMYK value is (96,0,35,73).

cyan value is 95.59%
magenta value is 0.00%
yellow value is 35.29%
key color value is 73.33%

CMYK: (96,0,35,73) C96M0Y35K73 (96%,0%,35%,73%) (0.96/0.00/0.35/0.73)

CMYK percentages

%95.59

%35.29

%73.33

Codes

Color #03442C in popluar color models

	03	44	2C
RGB	3	68	44
HSL	158°	91.55%	13.92%
HSB/HSV	158°	95.59%	26.67%
CMYK	95.59%	0.00%	35.29%
CMYK	73.33%

Color #03442C in popluar number systems.

HEX	03	44	2C
Decimal	3	68	44
Binary	11	1000100	101100
Octal	3	104	54

Shades and tints

Shades of #03442C

#03442C
(3,68,44)

#033E28
(3,62,40)

#033824
(3,56,36)

#033220
(3,50,32)

#032C1C
(3,44,28)

#032618
(3,38,24)

#032014
(3,32,20)

#031A10
(3,26,16)

#03140C
(3,20,12)

#030E08
(3,14,8)

#030804
(3,8,4)

#000000
(0,0,0)

Tints of #03442C

#03442C
(3,68,44)

#19553F
(25,85,63)

#2F6652
(47,102,82)

#457765
(69,119,101)

#5B8878
(91,136,120)

#71998B
(113,153,139)

#87AA9E
(135,170,158)

#9DBBB1
(157,187,177)

#B3CCC4
(179,204,196)

#C9DDD7
(201,221,215)

#DFEEEA
(223,238,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #03442C color. Also use rgb(3,68,44) instead hex code.

Text Font Color

.myTextColor { color: #03442C; }

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

This text font color is #03442C.

Background Color

.myBgColor { background-color: #03442C; }

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

This div background color is #03442C.

Border color

.myBorderColor { border: 1px solid #03442C; }

This div border color is #03442C.

Opacity

.myOpacity80 { color: #03442C; opacity: 0.8; }

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

This text has shadow with #03442C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #03442C.