Color #688311

Color info

#688311 contains mainly red and green colors. Web safe color of #688311 is #669900 (or #690).

RGB color model

#688311 color RGB value is (104,131,17).

red value is 104;
green value is 131;
blue value is 17.

RGB:
(104,131,17)
(41%,51%,7%)

RGB channels and saturation

R 104 of 255 = 41%
G 131 of 255 = 51%
B 17 of 255 = 7%

104

131

R + G + B ~ 33%. #688311 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
104 + 131 + 17 = 252 (100%)
R 104 of 252 ~ 41.27%
G 131 of 252 ~ 51.98%
B 17 of 252 ~ 6.75%

%41.27

%51.98

CMYK color model

#688311 color CMYK value is (21,0,87,49).

cyan value is 20.61%
magenta value is 0.00%
yellow value is 87.02%
key color value is 48.63%

CMYK:
(21,0,87,49)
C21M0Y87K49 
(21%,0%,87%,49%)
(0.21/0.00/0.87/0.49)

CMYK percentages

%20.61

%87.02

%48.63

Codes

Color #688311 in popluar color models

	68	83	11
RGB	104	131	17
HSL	74°	77.03%	29.02%
HSB/HSV	74°	87.02%	51.37%
CMYK	20.61%	0.00%	87.02%
CMYK	48.63%

Color #688311 in popluar number systems.

HEX	68	83	11
Decimal	104	131	17
Binary	1101000	10000011	10001
Octal	150	203	21

Shades and tints

Shades of #688311

#688311
(104,131,17)

#5F7810
(95,120,16)

#566D0F
(86,109,15)

#4D620E
(77,98,14)

#44570D
(68,87,13)

#3B4C0C
(59,76,12)

#32410B
(50,65,11)

#29360A
(41,54,10)

#202B09
(32,43,9)

#172008
(23,32,8)

#0E1507
(14,21,7)

#000000
(0,0,0)

Tints of #688311

#688311
(104,131,17)

#758E26
(117,142,38)

#82993B
(130,153,59)

#8FA450
(143,164,80)

#9CAF65
(156,175,101)

#A9BA7A
(169,186,122)

#B6C58F
(182,197,143)

#C3D0A4
(195,208,164)

#D0DBB9
(208,219,185)

#DDE6CE
(221,230,206)

#EAF1E3
(234,241,227)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #688311 color. Also use rgb(104,131,17) instead hex code.

Text Font Color

.myTextColor { color: #688311; }

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

This text font color is #688311.

Background Color

.myBgColor { background-color: #688311; }

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

This div background color is #688311.

Border color

.myBorderColor { border: 1px solid #688311; }

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

This div border color is #688311.

Opacity

.myOpacity80 { color: #688311; opacity: 0.8; }

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

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

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

This text has shadow with #688311 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #688311.

Preview

Color preview on black background

This text has color #688311 on black background.

Color preview on white background

This text has color #688311 on white background.

Black color preview on #688311 background

This text has black color on #688311 background.

White color preview on #688311 background

This text has white color on #688311 background.