COLOR #106D2A

HEX: #106D2A RGB: (16,109,42)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#106D2A contains mainly green color. Web safe color of #106D2A is #006633 (or #063).

RGB color model

#106D2A color RGB value is (16,109,42).

red value is 16;
green value is 109;
blue value is 42.

RGB: (16,109,42) (6%, 43%, 16%)

RGB channels and saturation

R 16 of 255 = 6%
G 109 of 255 = 43%
B 42 of 255 = 16%

109

R + G + B ~ 22%. #106D2A is dark color.

Portions of RGB colors in percentages

R + G + B = 16 + 109 + 42 = 167 (100%)
R 16 of 167 ~ 9.58%
G 109 of 167 ~ 65.27%
B 42 of 167 ~ 25.15'%

%9.58

%65.27

%25.15

CMYK color model

#106D2A color CMYK value is (85,0,61,57).

cyan value is 85.32%
magenta value is 0.00%
yellow value is 61.47%
key color value is 57.25%

CMYK: (85,0,61,57) C85M0Y61K57 (85%,0%,61%,57%) (0.85/0.00/0.61/0.57)

CMYK percentages

%85.32

%61.47

%57.25

Codes

Color #106D2A in popluar color models

	10	6D	2A
RGB	16	109	42
HSL	137°	74.40%	24.51%
HSB/HSV	137°	85.32%	42.75%
CMYK	85.32%	0.00%	61.47%
CMYK	57.25%

Color #106D2A in popluar number systems.

HEX	10	6D	2A
Decimal	16	109	42
Binary	10000	1101101	101010
Octal	20	155	52

Shades and tints

Shades of #106D2A

#106D2A
(16,109,42)

#0F6427
(15,100,39)

#0E5B24
(14,91,36)

#0D5221
(13,82,33)

#0C491E
(12,73,30)

#0B401B
(11,64,27)

#0A3718
(10,55,24)

#092E15
(9,46,21)

#082512
(8,37,18)

#071C0F
(7,28,15)

#06130C
(6,19,12)

#000000
(0,0,0)

Tints of #106D2A

#106D2A
(16,109,42)

#257A3D
(37,122,61)

#3A8750
(58,135,80)

#4F9463
(79,148,99)

#64A176
(100,161,118)

#79AE89
(121,174,137)

#8EBB9C
(142,187,156)

#A3C8AF
(163,200,175)

#B8D5C2
(184,213,194)

#CDE2D5
(205,226,213)

#E2EFE8
(226,239,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #106D2A color. Also use rgb(16,109,42) instead hex code.

Text Font Color

.myTextColor { color: #106D2A; }

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

This text font color is #106D2A.

Background Color

.myBgColor { background-color: #106D2A; }

<div style="background-color:#106D2A">Inner text</div>

This div background color is #106D2A.

Border color

.myBorderColor { border: 1px solid #106D2A; }

This div border color is #106D2A.

Opacity

.myOpacity80 { color: #106D2A; opacity: 0.8; }

Text with #106D2A 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 #106D2A;}

This text has shadow with #106D2A color.

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

This text has shadow with #106D2A primary color and red secondary color.

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

This text has shadow with #106D2A and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #106D2A.