COLOR #98D662

HEX: #98D662
RGB: (152,214,98)

Color info

#98D662 contains mainly green color. Web safe color of #98D662 is #99CC66 (or #9C6).

RGB color model

#98D662 color RGB value is (152,214,98).

  • red value is 152;
  • green value is 214;
  • blue value is 98.
RGB:
(152,214,98)
(60%,84%,38%)

RGB channels and saturation

R 152 of 255 = 60%
G 214 of 255 = 84%
B 98 of 255 = 38%

152
214
98

R + G + B ~ 61%. #98D662 is quite light color.

Portions of RGB colors in percentages

R + G + B =
152 + 214 + 98 = 464 (100%)
R 152 of 464 ~ 32.76%
G 214 of 464 ~ 46.12%
B 98 of 464 ~ 21.12%

%32.76
%46.12
%21.12

CMYK color model

#98D662 color CMYK value is (29,0,54,16).

  • cyan value is 28.97%
  • magenta value is 0.00%
  • yellow value is 54.21%
  • key color value is 16.08%
CMYK:
(29,0,54,16)
C29M0Y54K16 
(29%,0%,54%,16%)
(0.29/0.00/0.54/0.16)	

CMYK percentages

%28.97
%0
%54.21
%16.08

Codes

Color #98D662 in popluar color models

98D662
RGB15221498
HSL92°58.59%61.18%
HSB/HSV92°54.21%83.92%
CMYK28.97%0.00%54.21%
16.08%

Color #98D662 in popluar number systems.

HEX98D662
Decimal15221498
Binary10011000110101101100010
Octal230326142

Shades and tints

Shades of #98D662

#98D662
(152,214,98)
#8BC35A
(139,195,90)
#7EB052
(126,176,82)
#719D4A
(113,157,74)
#648A42
(100,138,66)
#57773A
(87,119,58)
#4A6432
(74,100,50)
#3D512A
(61,81,42)
#303E22
(48,62,34)
#232B1A
(35,43,26)
#161812
(22,24,18)
#000000
(0,0,0)

Tints of #98D662

#98D662
(152,214,98)
#A1D970
(161,217,112)
#AADC7E
(170,220,126)
#B3DF8C
(179,223,140)
#BCE29A
(188,226,154)
#C5E5A8
(197,229,168)
#CEE8B6
(206,232,182)
#D7EBC4
(215,235,196)
#E0EED2
(224,238,210)
#E9F1E0
(233,241,224)
#F2F4EE
(242,244,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98D662 color. Also use rgb(152,214,98) instead hex code.

Text Font Color

.myTextColor { color: #98D662; }

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

This text font color is #98D662.


Background Color

.myBgColor { background-color: #98D662; }

<div style="background-color:#98D662">Inner text</div>

This div background color is #98D662.


Border color

.myBorderColor { border: 1px solid #98D662; }

<div style="border:3px solid #98D662">Div</div>

This div border color is #98D662.


Opacity

.myOpacity80 { color: #98D662; opacity: 0.8; }

<p style="color:#98D662;opacity:0.8;">80%</p>

Text with #98D662 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 #98D662;}

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

This text has shadow with #98D662 color.

.textShadow {text-shadow: 3px 3px 1px #98D662, 3px 3px 1px red;}

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

This text has shadow with #98D662 primary color and red secondary color.


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

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

This text has shadow with #98D662 and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #98D662;
-webkit-box-shadow: 1px 1px 3px 2px #98D662;
box-shadow:1px 1px 3px 2px #98D662;">
Div content here</div>
This div box has shadow with color #98D662.

Preview

Color preview on black background

This text has color #98D662 on black background.


Color preview on white background

This text has color #98D662 on white background.



Black color preview on #98D662 background

This text has black color on #98D662 background.


White color preview on #98D662 background

This text has white color on #98D662 background.