COLOR #98C468

HEX: #98C468
RGB: (152,196,104)

Color info

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

RGB color model

#98C468 color RGB value is (152,196,104).

  • red value is 152;
  • green value is 196;
  • blue value is 104.
RGB:
(152,196,104)
(60%,77%,41%)

RGB channels and saturation

R 152 of 255 = 60%
G 196 of 255 = 77%
B 104 of 255 = 41%

152
196
104

R + G + B ~ 59%. #98C468 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
152 + 196 + 104 = 452 (100%)
R 152 of 452 ~ 33.63%
G 196 of 452 ~ 43.36%
B 104 of 452 ~ 23.01%

%33.63
%43.36
%23.01

CMYK color model

#98C468 color CMYK value is (22,0,47,23).

  • cyan value is 22.45%
  • magenta value is 0.00%
  • yellow value is 46.94%
  • key color value is 23.14%
CMYK:
(22,0,47,23)
C22M0Y47K23 
(22%,0%,47%,23%)
(0.22/0.00/0.47/0.23)	

CMYK percentages

%22.45
%0
%46.94
%23.14

Codes

Color #98C468 in popluar color models

98C468
RGB152196104
HSL89°43.81%58.82%
HSB/HSV89°46.94%76.86%
CMYK22.45%0.00%46.94%
23.14%

Color #98C468 in popluar number systems.

HEX98C468
Decimal152196104
Binary10011000110001001101000
Octal230304150

Shades and tints

Shades of #98C468

#98C468
(152,196,104)
#8BB35F
(139,179,95)
#7EA256
(126,162,86)
#71914D
(113,145,77)
#648044
(100,128,68)
#576F3B
(87,111,59)
#4A5E32
(74,94,50)
#3D4D29
(61,77,41)
#303C20
(48,60,32)
#232B17
(35,43,23)
#161A0E
(22,26,14)
#000000
(0,0,0)

Tints of #98C468

#98C468
(152,196,104)
#A1C975
(161,201,117)
#AACE82
(170,206,130)
#B3D38F
(179,211,143)
#BCD89C
(188,216,156)
#C5DDA9
(197,221,169)
#CEE2B6
(206,226,182)
#D7E7C3
(215,231,195)
#E0ECD0
(224,236,208)
#E9F1DD
(233,241,221)
#F2F6EA
(242,246,234)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #98C468; }

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

This text font color is #98C468.


Background Color

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

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

This div background color is #98C468.


Border color

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

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

This div border color is #98C468.


Opacity

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

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

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

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

This text has shadow with #98C468 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #98C468 on black background.


Color preview on white background

This text has color #98C468 on white background.



Black color preview on #98C468 background

This text has black color on #98C468 background.


White color preview on #98C468 background

This text has white color on #98C468 background.