Color #76B363

Color info

#76B363 contains mainly green color. Web safe color of #76B363 is #669966 (or #696).

RGB color model

#76B363 color RGB value is (118,179,99).

red value is 118;
green value is 179;
blue value is 99.

RGB:
(118,179,99)
(46%,70%,39%)

RGB channels and saturation

R 118 of 255 = 46%
G 179 of 255 = 70%
B 99 of 255 = 39%

118

179

R + G + B ~ 52%. #76B363 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
118 + 179 + 99 = 396 (100%)
R 118 of 396 ~ 29.8%
G 179 of 396 ~ 45.2%
B 99 of 396 ~ 25%

%29.8

%45.2

%25

CMYK color model

#76B363 color CMYK value is (34,0,45,30).

cyan value is 34.08%
magenta value is 0.00%
yellow value is 44.69%
key color value is 29.80%

CMYK:
(34,0,45,30)
C34M0Y45K30 
(34%,0%,45%,30%)
(0.34/0.00/0.45/0.30)

CMYK percentages

%34.08

%44.69

%29.8

Codes

Color #76B363 in popluar color models

	76	B3	63
RGB	118	179	99
HSL	106°	34.48%	54.51%
HSB/HSV	106°	44.69%	70.20%
CMYK	34.08%	0.00%	44.69%
CMYK	29.80%

Color #76B363 in popluar number systems.

HEX	76	B3	63
Decimal	118	179	99
Binary	1110110	10110011	1100011
Octal	166	263	143

Shades and tints

Shades of #76B363

#76B363
(118,179,99)

#6CA35A
(108,163,90)

#629351
(98,147,81)

#588348
(88,131,72)

#4E733F
(78,115,63)

#446336
(68,99,54)

#3A532D
(58,83,45)

#304324
(48,67,36)

#26331B
(38,51,27)

#1C2312
(28,35,18)

#121309
(18,19,9)

#000000
(0,0,0)

Tints of #76B363

#76B363
(118,179,99)

#82B971
(130,185,113)

#8EBF7F
(142,191,127)

#9AC58D
(154,197,141)

#A6CB9B
(166,203,155)

#B2D1A9
(178,209,169)

#BED7B7
(190,215,183)

#CADDC5
(202,221,197)

#D6E3D3
(214,227,211)

#E2E9E1
(226,233,225)

#EEEFEF
(238,239,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #76B363 color. Also use rgb(118,179,99) instead hex code.

Text Font Color

.myTextColor { color: #76B363; }

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

This text font color is #76B363.

Background Color

.myBgColor { background-color: #76B363; }

<div style="background-color:#76B363">Inner text</div>

This div background color is #76B363.

Border color

.myBorderColor { border: 1px solid #76B363; }

<div style="border:3px solid #76B363">Div</div>

This div border color is #76B363.

Opacity

.myOpacity80 { color: #76B363; opacity: 0.8; }

<p style="color:#76B363;opacity:0.8;">80%</p>

Text with #76B363 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 #76B363;}

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

This text has shadow with #76B363 color.

.textShadow {text-shadow: 3px 3px 1px #76B363, 3px 3px 1px red;}

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

This text has shadow with #76B363 primary color and red secondary color.

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

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

This text has shadow with #76B363 and red colors in old Internet Explorer.

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #76B363;
-webkit-box-shadow: 1px 1px 3px 2px #76B363;
box-shadow:1px 1px 3px 2px #76B363;">
Div content here</div>

This div box has shadow with color #76B363.

Preview

Color preview on black background

This text has color #76B363 on black background.

Color preview on white background

This text has color #76B363 on white background.

Black color preview on #76B363 background

This text has black color on #76B363 background.

White color preview on #76B363 background

This text has white color on #76B363 background.