COLOR #84C341

HEX: #84C341
RGB: (132,195,65)

Color info

#84C341 contains mainly green color. Web safe color of #84C341 is #99CC33 (or #9C3).

RGB color model

#84C341 color RGB value is (132,195,65).

  • red value is 132;
  • green value is 195;
  • blue value is 65.
RGB:
(132,195,65)
(52%,76%,25%)

RGB channels and saturation

R 132 of 255 = 52%
G 195 of 255 = 76%
B 65 of 255 = 25%

132
195
65

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

Portions of RGB colors in percentages

R + G + B =
132 + 195 + 65 = 392 (100%)
R 132 of 392 ~ 33.67%
G 195 of 392 ~ 49.74%
B 65 of 392 ~ 16.58%

%33.67
%49.74
%16.58

CMYK color model

#84C341 color CMYK value is (32,0,67,24).

  • cyan value is 32.31%
  • magenta value is 0.00%
  • yellow value is 66.67%
  • key color value is 23.53%
CMYK:
(32,0,67,24)
C32M0Y67K24 
(32%,0%,67%,24%)
(0.32/0.00/0.67/0.24)	

CMYK percentages

%32.31
%0
%66.67
%23.53

Codes

Color #84C341 in popluar color models

84C341
RGB13219565
HSL89°52.00%50.98%
HSB/HSV89°66.67%76.47%
CMYK32.31%0.00%66.67%
23.53%

Color #84C341 in popluar number systems.

HEX84C341
Decimal13219565
Binary10000100110000111000001
Octal204303101

Shades and tints

Shades of #84C341

#84C341
(132,195,65)
#78B23C
(120,178,60)
#6CA137
(108,161,55)
#609032
(96,144,50)
#547F2D
(84,127,45)
#486E28
(72,110,40)
#3C5D23
(60,93,35)
#304C1E
(48,76,30)
#243B19
(36,59,25)
#182A14
(24,42,20)
#0C190F
(12,25,15)
#000000
(0,0,0)

Tints of #84C341

#84C341
(132,195,65)
#8FC852
(143,200,82)
#9ACD63
(154,205,99)
#A5D274
(165,210,116)
#B0D785
(176,215,133)
#BBDC96
(187,220,150)
#C6E1A7
(198,225,167)
#D1E6B8
(209,230,184)
#DCEBC9
(220,235,201)
#E7F0DA
(231,240,218)
#F2F5EB
(242,245,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #84C341 color. Also use rgb(132,195,65) instead hex code.

Text Font Color

.myTextColor { color: #84C341; }

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

This text font color is #84C341.


Background Color

.myBgColor { background-color: #84C341; }

<div style="background-color:#84C341">Inner text</div>

This div background color is #84C341.


Border color

.myBorderColor { border: 1px solid #84C341; }

<div style="border:3px solid #84C341">Div</div>

This div border color is #84C341.


Opacity

.myOpacity80 { color: #84C341; opacity: 0.8; }

<p style="color:#84C341;opacity:0.8;">80%</p>

Text with #84C341 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 #84C341;}

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

This text has shadow with #84C341 color.

.textShadow {text-shadow: 3px 3px 1px #84C341, 3px 3px 1px red;}

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

This text has shadow with #84C341 primary color and red secondary color.


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

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

This text has shadow with #84C341 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #84C341 on black background.


Color preview on white background

This text has color #84C341 on white background.



Black color preview on #84C341 background

This text has black color on #84C341 background.


White color preview on #84C341 background

This text has white color on #84C341 background.