COLOR #685E18

HEX: #685E18 RGB: (104,94,24)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#685E18 contains mainly red and green colors. Web safe color of #685E18 is #666600 (or #660).

RGB color model

#685E18 color RGB value is (104,94,24).

red value is 104;
green value is 94;
blue value is 24.

RGB: (104,94,24) (41%, 37%, 9%)

RGB channels and saturation

R 104 of 255 = 41%
G 94 of 255 = 37%
B 24 of 255 = 9%

104

R + G + B ~ 29%. #685E18 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 104 + 94 + 24 = 222 (100%)
R 104 of 222 ~ 46.85%
G 94 of 222 ~ 42.34%
B 24 of 222 ~ 10.81'%

%46.85

%42.34

%10.81

CMYK color model

#685E18 color CMYK value is (0,10,77,59).

cyan value is 0.00%
magenta value is 9.62%
yellow value is 76.92%
key color value is 59.22%

CMYK: (0,10,77,59) C0M10Y77K59 (0%,10%,77%,59%) (0.00/0.10/0.77/0.59)

CMYK percentages

%9.62

%76.92

%59.22

Codes

Color #685E18 in popluar color models

	68	5E	18
RGB	104	94	24
HSL	53°	62.50%	25.10%
HSB/HSV	53°	76.92%	40.78%
CMYK	0.00%	9.62%	76.92%
CMYK	59.22%

Color #685E18 in popluar number systems.

HEX	68	5E	18
Decimal	104	94	24
Binary	1101000	1011110	11000
Octal	150	136	30

Shades and tints

Shades of #685E18

#685E18
(104,94,24)

#5F5616
(95,86,22)

#564E14
(86,78,20)

#4D4612
(77,70,18)

#443E10
(68,62,16)

#3B360E
(59,54,14)

#322E0C
(50,46,12)

#29260A
(41,38,10)

#201E08
(32,30,8)

#171606
(23,22,6)

#0E0E04
(14,14,4)

#000000
(0,0,0)

Tints of #685E18

#685E18
(104,94,24)

#756C2D
(117,108,45)

#827A42
(130,122,66)

#8F8857
(143,136,87)

#9C966C
(156,150,108)

#A9A481
(169,164,129)

#B6B296
(182,178,150)

#C3C0AB
(195,192,171)

#D0CEC0
(208,206,192)

#DDDCD5
(221,220,213)

#EAEAEA
(234,234,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #685E18 color. Also use rgb(104,94,24) instead hex code.

Text Font Color

.myTextColor { color: #685E18; }

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

This text font color is #685E18.

Background Color

.myBgColor { background-color: #685E18; }

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

This div background color is #685E18.

Border color

.myBorderColor { border: 1px solid #685E18; }

This div border color is #685E18.

Opacity

.myOpacity80 { color: #685E18; opacity: 0.8; }

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

This text has shadow with #685E18 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #685E18.