COLOR #96AD25

HEX: #96AD25
RGB: (150,173,37)

Color info

#96AD25 contains mainly red and green colors. Web safe color of #96AD25 is #999933 (or #993).

RGB color model

#96AD25 color RGB value is (150,173,37).

  • red value is 150;
  • green value is 173;
  • blue value is 37.
RGB: (150,173,37) (59%,68%,15%)

RGB channels and saturation

R 150 of 255 = 59%
G 173 of 255 = 68%
B 37 of 255 = 15%

150
173
37

R + G + B ~ 47%. #96AD25 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
150 + 173 + 37 = 360 (100%)
R 150 of 360 ~ 41.67%
G 173 of 360 ~ 48.06%
B 37 of 360 ~ 10.28%

%41.67
%48.06
%10.28

CMYK color model

#96AD25 color CMYK value is (13,0,79,32).

  • cyan value is 13.29%
  • magenta value is 0.00%
  • yellow value is 78.61%
  • key color value is 32.16%
CMYK: (13,0,79,32) C13M0Y79K32 (13%,0%,79%,32%) (0.13/0.00/0.79/0.32)

CMYK percentages

%13.29
%0
%78.61
%32.16

Codes

Color #96AD25 in popluar color models

96AD25
RGB15017337
HSL70°64.76%41.18%
HSB/HSV70°78.61%67.84%
CMYK13.29%0.00%78.61%
32.16%

Color #96AD25 in popluar number systems.

HEX96AD25
Decimal15017337
Binary1001011010101101100101
Octal22625545

Shades and tints

Shades of #96AD25

#96AD25
(150,173,37)
#899E22
(137,158,34)
#7C8F1F
(124,143,31)
#6F801C
(111,128,28)
#627119
(98,113,25)
#556216
(85,98,22)
#485313
(72,83,19)
#3B4410
(59,68,16)
#2E350D
(46,53,13)
#21260A
(33,38,10)
#141707
(20,23,7)
#000000
(0,0,0)

Tints of #96AD25

#96AD25
(150,173,37)
#9FB438
(159,180,56)
#A8BB4B
(168,187,75)
#B1C25E
(177,194,94)
#BAC971
(186,201,113)
#C3D084
(195,208,132)
#CCD797
(204,215,151)
#D5DEAA
(213,222,170)
#DEE5BD
(222,229,189)
#E7ECD0
(231,236,208)
#F0F3E3
(240,243,227)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #96AD25 color. Also use rgb(150,173,37) instead hex code.

Text Font Color

.myTextColor { color: #96AD25; }

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

This text font color is #96AD25.


Background Color

.myBgColor { background-color: #96AD25; }

<div style="background-color:#96AD25">Inner text</div>

This div background color is #96AD25.


Border color

.myBorderColor { border: 1px solid #96AD25; }

<div style="border:3px solid #96AD25">Div</div>

This div border color is #96AD25.


Opacity

.myOpacity80 { color: #96AD25; opacity: 0.8; }

<p style="color:#96AD25;opacity:0.8;">80%</p>

Text with #96AD25 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 #96AD25;}

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

This text has shadow with #96AD25 color.

.textShadow {text-shadow: 3px 3px 1px #96AD25, 3px 3px 1px red;}

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

This text has shadow with #96AD25 primary color and red secondary color.


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

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

This text has shadow with #96AD25 and red colors in old Internet Explorer.


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #96AD25; -webkit-box-shadow:	1px 1px 3px 2px #96AD25; box-shadow:	1px 1px 3px 2px #96AD25; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #96AD25; -webkit-box-shadow: 1px 1px 3px 2px #96AD25; box-shadow:1px 1px 3px 2px #96AD25;">
Div content here</div>
This div box has shadow with color #96AD25.

Preview

Color preview on black background

This text has color #96AD25 on black background.


Color preview on white background

This text has color #96AD25 on white background.



Black color preview on #96AD25 background

This text has black color on #96AD25 background.


White color preview on #96AD25 background

This text has white color on #96AD25 background.