COLOR #33711C

HEX: #33711C
RGB: (51,113,28)

Color info

#33711C contains mainly green color. Web safe color of #33711C is #336633 (or #363).

RGB color model

#33711C color RGB value is (51,113,28).

  • red value is 51;
  • green value is 113;
  • blue value is 28.
RGB:
(51,113,28)
(20%,44%,11%)

RGB channels and saturation

R 51 of 255 = 20%
G 113 of 255 = 44%
B 28 of 255 = 11%

51
113
28

R + G + B ~ 25%. #33711C is quite dark color.

Portions of RGB colors in percentages

R + G + B =
51 + 113 + 28 = 192 (100%)
R 51 of 192 ~ 26.56%
G 113 of 192 ~ 58.85%
B 28 of 192 ~ 14.58%

%26.56
%58.85
%14.58

CMYK color model

#33711C color CMYK value is (55,0,75,56).

  • cyan value is 54.87%
  • magenta value is 0.00%
  • yellow value is 75.22%
  • key color value is 55.69%
CMYK:
(55,0,75,56)
C55M0Y75K56 
(55%,0%,75%,56%)
(0.55/0.00/0.75/0.56)	

CMYK percentages

%54.87
%0
%75.22
%55.69

Codes

Color #33711C in popluar color models

33711C
RGB5111328
HSL104°60.28%27.65%
HSB/HSV104°75.22%44.31%
CMYK54.87%0.00%75.22%
55.69%

Color #33711C in popluar number systems.

HEX33711C
Decimal5111328
Binary110011111000111100
Octal6316134

Shades and tints

Shades of #33711C

#33711C
(51,113,28)
#2F671A
(47,103,26)
#2B5D18
(43,93,24)
#275316
(39,83,22)
#234914
(35,73,20)
#1F3F12
(31,63,18)
#1B3510
(27,53,16)
#172B0E
(23,43,14)
#13210C
(19,33,12)
#0F170A
(15,23,10)
#0B0D08
(11,13,8)
#000000
(0,0,0)

Tints of #33711C

#33711C
(51,113,28)
#457D30
(69,125,48)
#578944
(87,137,68)
#699558
(105,149,88)
#7BA16C
(123,161,108)
#8DAD80
(141,173,128)
#9FB994
(159,185,148)
#B1C5A8
(177,197,168)
#C3D1BC
(195,209,188)
#D5DDD0
(213,221,208)
#E7E9E4
(231,233,228)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #33711C color. Also use rgb(51,113,28) instead hex code.

Text Font Color

.myTextColor { color: #33711C; }

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

This text font color is #33711C.


Background Color

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

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

This div background color is #33711C.


Border color

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

<div style="border:3px solid #33711C">Div</div>

This div border color is #33711C.


Opacity

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

<p style="color:#33711C;opacity:0.8;">80%</p>

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

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

This text has shadow with #33711C color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #33711C on black background.


Color preview on white background

This text has color #33711C on white background.



Black color preview on #33711C background

This text has black color on #33711C background.


White color preview on #33711C background

This text has white color on #33711C background.