COLOR #9ECB8A

HEX: #9ECB8A RGB: (158,203,138)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#9ECB8A contains mainly red and green colors. Web safe color of #9ECB8A is #99CC99 (or #9C9).

RGB color model

#9ECB8A color RGB value is (158,203,138).

red value is 158;
green value is 203;
blue value is 138.

RGB: (158,203,138) (62%, 80%, 54%)

RGB channels and saturation

R 158 of 255 = 62%
G 203 of 255 = 80%
B 138 of 255 = 54%

158

203

138

R + G + B ~ 65%. #9ECB8A is quite light color.

Portions of RGB colors in percentages

R + G + B = 158 + 203 + 138 = 499 (100%)
R 158 of 499 ~ 31.66%
G 203 of 499 ~ 40.68%
B 138 of 499 ~ 27.66'%

%31.66

%40.68

%27.66

CMYK color model

#9ECB8A color CMYK value is (22,0,32,20).

cyan value is 22.17%
magenta value is 0.00%
yellow value is 32.02%
key color value is 20.39%

CMYK: (22,0,32,20) C22M0Y32K20 (22%,0%,32%,20%) (0.22/0.00/0.32/0.20)

CMYK percentages

%22.17

%32.02

%20.39

Codes

Color #9ECB8A in popluar color models

	9E	CB	8A
RGB	158	203	138
HSL	102°	38.46%	66.86%
HSB/HSV	102°	32.02%	79.61%
CMYK	22.17%	0.00%	32.02%
CMYK	20.39%

Color #9ECB8A in popluar number systems.

HEX	9E	CB	8A
Decimal	158	203	138
Binary	10011110	11001011	10001010
Octal	236	313	212

Shades and tints

Shades of #9ECB8A

#9ECB8A
(158,203,138)

#90B97E
(144,185,126)

#82A772
(130,167,114)

#749566
(116,149,102)

#66835A
(102,131,90)

#58714E
(88,113,78)

#4A5F42
(74,95,66)

#3C4D36
(60,77,54)

#2E3B2A
(46,59,42)

#20291E
(32,41,30)

#121712
(18,23,18)

#000000
(0,0,0)

Tints of #9ECB8A

#9ECB8A
(158,203,138)

#A6CF94
(166,207,148)

#AED39E
(174,211,158)

#B6D7A8
(182,215,168)

#BEDBB2
(190,219,178)

#C6DFBC
(198,223,188)

#CEE3C6
(206,227,198)

#D6E7D0
(214,231,208)

#DEEBDA
(222,235,218)

#E6EFE4
(230,239,228)

#EEF3EE
(238,243,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9ECB8A color. Also use rgb(158,203,138) instead hex code.

Text Font Color

.myTextColor { color: #9ECB8A; }

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

This text font color is #9ECB8A.

Background Color

.myBgColor { background-color: #9ECB8A; }

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

This div background color is #9ECB8A.

Border color

.myBorderColor { border: 1px solid #9ECB8A; }

This div border color is #9ECB8A.

Opacity

.myOpacity80 { color: #9ECB8A; opacity: 0.8; }

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

This text has shadow with #9ECB8A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9ECB8A.