Color #33706F

Color info

#33706F contains mainly green and blue colors. Web safe color of #33706F is #336666 (or #366).

RGB color model

#33706F color RGB value is (51,112,111).

red value is 51;
green value is 112;
blue value is 111.

RGB: (51,112,111) (20%, 44%, 44%)

RGB channels and saturation

R 51 of 255 = 20%
G 112 of 255 = 44%
B 111 of 255 = 44%

51

112

111

R + G + B ~ 36%. #33706F is quite dark color.

Portions of RGB colors in percentages

R + G + B = 51 + 112 + 111 = 274 (100%)
R 51 of 274 ~ 18.61%
G 112 of 274 ~ 40.88%
B 111 of 274 ~ 40.51'%

%18.61

%40.88

%40.51

CMYK color model

#33706F color CMYK value is (54,0,1,56).

cyan value is 54.46%
magenta value is 0.00%
yellow value is 0.89%
key color value is 56.08%

CMYK: (54,0,1,56)
C54M0Y1K56 (54%, 0%, 1%, 56%)
(0.54 / 0.00 / 0.01 / 0.56)

CMYK percentages

%54.46

%0

%0.89

%56.08

Codes

Color #33706F in popluar color models

	33	70	6F
RGB	51	112	111
HSL	179°	37.42%	31.96%
HSB/HSV	179°	54.46%	43.92%
CMYK	54.46%	0.00%	0.89%
CMYK	56.08%

Color #33706F in popluar number systems.

HEX	33	70	6F
Decimal	51	112	111
Binary	110011	1110000	1101111
Octal	63	160	157

Shades and tints

Shades of #33706F

#33706F
(51,112,111)

#2F6665
(47,102,101)

#2B5C5B
(43,92,91)

#275251
(39,82,81)

#234847
(35,72,71)

#1F3E3D
(31,62,61)

#1B3433
(27,52,51)

#172A29
(23,42,41)

#13201F
(19,32,31)

#0F1615
(15,22,21)

#0B0C0B
(11,12,11)

#000000
(0,0,0)

Tints of #33706F

#33706F
(51,112,111)

#457D7C
(69,125,124)

#578A89
(87,138,137)

#699796
(105,151,150)

#7BA4A3
(123,164,163)

#8DB1B0
(141,177,176)

#9FBEBD
(159,190,189)

#B1CBCA
(177,203,202)

#C3D8D7
(195,216,215)

#D5E5E4
(213,229,228)

#E7F2F1
(231,242,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #33706F color. Also use rgb(51,112,111) instead hex code.

Text Font Color

.myTextColor { color: #33706F; }

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

This text font color is #33706F.

Background Color

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

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

This div background color is #33706F.

Border color

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

This div border color is #33706F.

Opacity

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

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

This text has shadow with #33706F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #33706F.