Color #86A375

Color info

#86A375 contains red, green and blue colors in about the same proportion. Web safe color of #86A375 is #999966 (or #996).

RGB color model

#86A375 color RGB value is (134,163,117).

red value is 134;
green value is 163;
blue value is 117.

RGB:
(134,163,117)
(53%,64%,46%)

RGB channels and saturation

R 134 of 255 = 53%
G 163 of 255 = 64%
B 117 of 255 = 46%

134

163

117

R + G + B ~ 54%. #86A375 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
134 + 163 + 117 = 414 (100%)
R 134 of 414 ~ 32.37%
G 163 of 414 ~ 39.37%
B 117 of 414 ~ 28.26%

%32.37

%39.37

%28.26

CMYK color model

#86A375 color CMYK value is (18,0,28,36).

cyan value is 17.79%
magenta value is 0.00%
yellow value is 28.22%
key color value is 36.08%

CMYK:
(18,0,28,36)
C18M0Y28K36 
(18%,0%,28%,36%)
(0.18/0.00/0.28/0.36)

CMYK percentages

%17.79

%28.22

%36.08

Codes

Color #86A375 in popluar color models

	86	A3	75
RGB	134	163	117
HSL	98°	20.00%	54.90%
HSB/HSV	98°	28.22%	63.92%
CMYK	17.79%	0.00%	28.22%
CMYK	36.08%

Color #86A375 in popluar number systems.

HEX	86	A3	75
Decimal	134	163	117
Binary	10000110	10100011	1110101
Octal	206	243	165

Shades and tints

Shades of #86A375

#86A375
(134,163,117)

#7A956B
(122,149,107)

#6E8761
(110,135,97)

#627957
(98,121,87)

#566B4D
(86,107,77)

#4A5D43
(74,93,67)

#3E4F39
(62,79,57)

#32412F
(50,65,47)

#263325
(38,51,37)

#1A251B
(26,37,27)

#0E1711
(14,23,17)

#000000
(0,0,0)

Tints of #86A375

#86A375
(134,163,117)

#91AB81
(145,171,129)

#9CB38D
(156,179,141)

#A7BB99
(167,187,153)

#B2C3A5
(178,195,165)

#BDCBB1
(189,203,177)

#C8D3BD
(200,211,189)

#D3DBC9
(211,219,201)

#DEE3D5
(222,227,213)

#E9EBE1
(233,235,225)

#F4F3ED
(244,243,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #86A375 color. Also use rgb(134,163,117) instead hex code.

Text Font Color

.myTextColor { color: #86A375; }

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

This text font color is #86A375.

Background Color

.myBgColor { background-color: #86A375; }

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

This div background color is #86A375.

Border color

.myBorderColor { border: 1px solid #86A375; }

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

This div border color is #86A375.

Opacity

.myOpacity80 { color: #86A375; opacity: 0.8; }

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

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

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

This text has shadow with #86A375 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #86A375.

Preview

Color preview on black background

This text has color #86A375 on black background.

Color preview on white background

This text has color #86A375 on white background.

Black color preview on #86A375 background

This text has black color on #86A375 background.

White color preview on #86A375 background

This text has white color on #86A375 background.