Color #9ED690

Color info

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

RGB color model

#9ED690 color RGB value is (158,214,144).

red value is 158;
green value is 214;
blue value is 144.

RGB: (158,214,144) (62%, 84%, 56%)

RGB channels and saturation

R 158 of 255 = 62%
G 214 of 255 = 84%
B 144 of 255 = 56%

158

214

144

R + G + B ~ 67%. #9ED690 is quite light color.

Portions of RGB colors in percentages

R + G + B = 158 + 214 + 144 = 516 (100%)
R 158 of 516 ~ 30.62%
G 214 of 516 ~ 41.47%
B 144 of 516 ~ 27.91'%

%30.62

%41.47

%27.91

CMYK color model

#9ED690 color CMYK value is (26,0,33,16).

cyan value is 26.17%
magenta value is 0.00%
yellow value is 32.71%
key color value is 16.08%

CMYK: (26,0,33,16)
C26M0Y33K16 (26%, 0%, 33%, 16%)
(0.26 / 0.00 / 0.33 / 0.16)

CMYK percentages

%26.17

%0

%32.71

%16.08

Codes

Color #9ED690 in popluar color models

	9E	D6	90
RGB	158	214	144
HSL	108°	46.05%	70.20%
HSB/HSV	108°	32.71%	83.92%
CMYK	26.17%	0.00%	32.71%
CMYK	16.08%

Color #9ED690 in popluar number systems.

HEX	9E	D6	90
Decimal	158	214	144
Binary	10011110	11010110	10010000
Octal	236	326	220

Shades and tints

Shades of #9ED690

#9ED690
(158,214,144)

#90C383
(144,195,131)

#82B076
(130,176,118)

#749D69
(116,157,105)

#668A5C
(102,138,92)

#58774F
(88,119,79)

#4A6442
(74,100,66)

#3C5135
(60,81,53)

#2E3E28
(46,62,40)

#202B1B
(32,43,27)

#12180E
(18,24,14)

#000000
(0,0,0)

Tints of #9ED690

#9ED690
(158,214,144)

#A6D99A
(166,217,154)

#AEDCA4
(174,220,164)

#B6DFAE
(182,223,174)

#BEE2B8
(190,226,184)

#C6E5C2
(198,229,194)

#CEE8CC
(206,232,204)

#D6EBD6
(214,235,214)

#DEEEE0
(222,238,224)

#E6F1EA
(230,241,234)

#EEF4F4
(238,244,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9ED690 color. Also use rgb(158,214,144) instead hex code.

Text Font Color

.myTextColor { color: #9ED690; }

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

This text font color is #9ED690.

Background Color

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

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

This div background color is #9ED690.

Border color

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

This div border color is #9ED690.

Opacity

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

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

This text has shadow with #9ED690 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9ED690.