COLOR #95F302

HEX: #95F302
RGB: (149,243,2)

Color info

#95F302 contains mainly green color. Web safe color of #95F302 is #99FF00 (or #9F0).

RGB color model

#95F302 color RGB value is (149,243,2).

  • red value is 149;
  • green value is 243;
  • blue value is 2.
RGB:
(149,243,2)
(58%,95%,1%)

RGB channels and saturation

R 149 of 255 = 58%
G 243 of 255 = 95%
B 2 of 255 = 1%

149
243
2

R + G + B ~ 51%. #95F302 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
149 + 243 + 2 = 394 (100%)
R 149 of 394 ~ 37.82%
G 243 of 394 ~ 61.68%
B 2 of 394 ~ 0.51%

%37.82
%61.68

CMYK color model

#95F302 color CMYK value is (39,0,99,5).

  • cyan value is 38.68%
  • magenta value is 0.00%
  • yellow value is 99.18%
  • key color value is 4.71%
CMYK:
(39,0,99,5)
C39M0Y99K5 
(39%,0%,99%,5%)
(0.39/0.00/0.99/0.05)	

CMYK percentages

%38.68
%0
%99.18
%4.71

Codes

Color #95F302 in popluar color models

95F302
RGB1492432
HSL83°98.37%48.04%
HSB/HSV83°99.18%95.29%
CMYK38.68%0.00%99.18%
4.71%

Color #95F302 in popluar number systems.

HEX95F302
Decimal1492432
Binary100101011111001110
Octal2253632

Shades and tints

Shades of #95F302

#95F302
(149,243,2)
#88DD02
(136,221,2)
#7BC702
(123,199,2)
#6EB102
(110,177,2)
#619B02
(97,155,2)
#548502
(84,133,2)
#476F02
(71,111,2)
#3A5902
(58,89,2)
#2D4302
(45,67,2)
#202D02
(32,45,2)
#131702
(19,23,2)
#000000
(0,0,0)

Tints of #95F302

#95F302
(149,243,2)
#9EF419
(158,244,25)
#A7F530
(167,245,48)
#B0F647
(176,246,71)
#B9F75E
(185,247,94)
#C2F875
(194,248,117)
#CBF98C
(203,249,140)
#D4FAA3
(212,250,163)
#DDFBBA
(221,251,186)
#E6FCD1
(230,252,209)
#EFFDE8
(239,253,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #95F302 color. Also use rgb(149,243,2) instead hex code.

Text Font Color

.myTextColor { color: #95F302; }

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

This text font color is #95F302.


Background Color

.myBgColor { background-color: #95F302; }

<div style="background-color:#95F302">Inner text</div>

This div background color is #95F302.


Border color

.myBorderColor { border: 1px solid #95F302; }

<div style="border:3px solid #95F302">Div</div>

This div border color is #95F302.


Opacity

.myOpacity80 { color: #95F302; opacity: 0.8; }

<p style="color:#95F302;opacity:0.8;">80%</p>

Text with #95F302 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 #95F302;}

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

This text has shadow with #95F302 color.

.textShadow {text-shadow: 3px 3px 1px #95F302, 3px 3px 1px red;}

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

This text has shadow with #95F302 primary color and red secondary color.


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

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

This text has shadow with #95F302 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #95F302 on black background.


Color preview on white background

This text has color #95F302 on white background.



Black color preview on #95F302 background

This text has black color on #95F302 background.


White color preview on #95F302 background

This text has white color on #95F302 background.