COLOR #8CBB6C

HEX: #8CBB6C RGB: (140,187,108)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#8CBB6C contains mainly red and green colors. Web safe color of #8CBB6C is #99CC66 (or #9C6).

RGB color model

#8CBB6C color RGB value is (140,187,108).

red value is 140;
green value is 187;
blue value is 108.

RGB: (140,187,108) (55%, 73%, 42%)

RGB channels and saturation

R 140 of 255 = 55%
G 187 of 255 = 73%
B 108 of 255 = 42%

140

187

108

R + G + B ~ 57%. #8CBB6C is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 140 + 187 + 108 = 435 (100%)
R 140 of 435 ~ 32.18%
G 187 of 435 ~ 42.99%
B 108 of 435 ~ 24.83'%

%32.18

%42.99

%24.83

CMYK color model

#8CBB6C color CMYK value is (25,0,42,27).

cyan value is 25.13%
magenta value is 0.00%
yellow value is 42.25%
key color value is 26.67%

CMYK: (25,0,42,27) C25M0Y42K27 (25%,0%,42%,27%) (0.25/0.00/0.42/0.27)

CMYK percentages

%25.13

%42.25

%26.67

Codes

Color #8CBB6C in popluar color models

	8C	BB	6C
RGB	140	187	108
HSL	96°	36.74%	57.84%
HSB/HSV	96°	42.25%	73.33%
CMYK	25.13%	0.00%	42.25%
CMYK	26.67%

Color #8CBB6C in popluar number systems.

HEX	8C	BB	6C
Decimal	140	187	108
Binary	10001100	10111011	1101100
Octal	214	273	154

Shades and tints

Shades of #8CBB6C

#8CBB6C
(140,187,108)

#80AA63
(128,170,99)

#74995A
(116,153,90)

#688851
(104,136,81)

#5C7748
(92,119,72)

#50663F
(80,102,63)

#445536
(68,85,54)

#38442D
(56,68,45)

#2C3324
(44,51,36)

#20221B
(32,34,27)

#141112
(20,17,18)

#000000
(0,0,0)

Tints of #8CBB6C

#8CBB6C
(140,187,108)

#96C179
(150,193,121)

#A0C786
(160,199,134)

#AACD93
(170,205,147)

#B4D3A0
(180,211,160)

#BED9AD
(190,217,173)

#C8DFBA
(200,223,186)

#D2E5C7
(210,229,199)

#DCEBD4
(220,235,212)

#E6F1E1
(230,241,225)

#F0F7EE
(240,247,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8CBB6C color. Also use rgb(140,187,108) instead hex code.

Text Font Color

.myTextColor { color: #8CBB6C; }

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

This text font color is #8CBB6C.

Background Color

.myBgColor { background-color: #8CBB6C; }

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

This div background color is #8CBB6C.

Border color

.myBorderColor { border: 1px solid #8CBB6C; }

This div border color is #8CBB6C.

Opacity

.myOpacity80 { color: #8CBB6C; opacity: 0.8; }

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

This text has shadow with #8CBB6C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8CBB6C.