Color #6AA876

Color info

#6AA876 contains mainly green and blue colors. Web safe color of #6AA876 is #669966 (or #696).

RGB color model

#6AA876 color RGB value is (106,168,118).

red value is 106;
green value is 168;
blue value is 118.

RGB: (106,168,118) (42%, 66%, 46%)

RGB channels and saturation

R 106 of 255 = 42%
G 168 of 255 = 66%
B 118 of 255 = 46%

106

168

118

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

Portions of RGB colors in percentages

R + G + B = 106 + 168 + 118 = 392 (100%)
R 106 of 392 ~ 27.04%
G 168 of 392 ~ 42.86%
B 118 of 392 ~ 30.1'%

%27.04

%42.86

%30.1

CMYK color model

#6AA876 color CMYK value is (37,0,30,34).

cyan value is 36.90%
magenta value is 0.00%
yellow value is 29.76%
key color value is 34.12%

CMYK: (37,0,30,34)
C37M0Y30K34 (37%, 0%, 30%, 34%)
(0.37 / 0.00 / 0.30 / 0.34)

CMYK percentages

%36.9

%0

%29.76

%34.12

Codes

Color #6AA876 in popluar color models

	6A	A8	76
RGB	106	168	118
HSL	132°	26.27%	53.73%
HSB/HSV	132°	36.90%	65.88%
CMYK	36.90%	0.00%	29.76%
CMYK	34.12%

Color #6AA876 in popluar number systems.

HEX	6A	A8	76
Decimal	106	168	118
Binary	1101010	10101000	1110110
Octal	152	250	166

Shades and tints

Shades of #6AA876

#6AA876
(106,168,118)

#61996C
(97,153,108)

#588A62
(88,138,98)

#4F7B58
(79,123,88)

#466C4E
(70,108,78)

#3D5D44
(61,93,68)

#344E3A
(52,78,58)

#2B3F30
(43,63,48)

#223026
(34,48,38)

#19211C
(25,33,28)

#101212
(16,18,18)

#000000
(0,0,0)

Tints of #6AA876

#6AA876
(106,168,118)

#77AF82
(119,175,130)

#84B68E
(132,182,142)

#91BD9A
(145,189,154)

#9EC4A6
(158,196,166)

#ABCBB2
(171,203,178)

#B8D2BE
(184,210,190)

#C5D9CA
(197,217,202)

#D2E0D6
(210,224,214)

#DFE7E2
(223,231,226)

#ECEEEE
(236,238,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6AA876 color. Also use rgb(106,168,118) instead hex code.

Text Font Color

.myTextColor { color: #6AA876; }

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

This text font color is #6AA876.

Background Color

.myBgColor { background-color: #6AA876; }

<div style="background-color:#6AA876">Inner text</div>

This div background color is #6AA876.

Border color

.myBorderColor { border: 1px solid #6AA876; }

This div border color is #6AA876.

Opacity

.myOpacity80 { color: #6AA876; opacity: 0.8; }

Text with #6AA876 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 #6AA876;}

This text has shadow with #6AA876 color.

.textShadow {text-shadow: 3px 3px 1px #6AA876', 3px 3px 1px red;}

This text has shadow with #6AA876 primary color and red secondary color.

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

This text has shadow with #6AA876 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6AA876.