COLOR #3AA07B

HEX: #3AA07B RGB: (58,160,123)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#3AA07B contains mainly green and blue colors. Web safe color of #3AA07B is #339966 (or #396).

RGB color model

#3AA07B color RGB value is (58,160,123).

red value is 58;
green value is 160;
blue value is 123.

RGB: (58,160,123) (23%, 63%, 48%)

RGB channels and saturation

R 58 of 255 = 23%
G 160 of 255 = 63%
B 123 of 255 = 48%

160

123

R + G + B ~ 45%. #3AA07B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 58 + 160 + 123 = 341 (100%)
R 58 of 341 ~ 17.01%
G 160 of 341 ~ 46.92%
B 123 of 341 ~ 36.07'%

%17.01

%46.92

%36.07

CMYK color model

#3AA07B color CMYK value is (64,0,23,37).

cyan value is 63.75%
magenta value is 0.00%
yellow value is 23.13%
key color value is 37.25%

CMYK: (64,0,23,37) C64M0Y23K37 (64%,0%,23%,37%) (0.64/0.00/0.23/0.37)

CMYK percentages

%63.75

%23.13

%37.25

Codes

Color #3AA07B in popluar color models

	3A	A0	7B
RGB	58	160	123
HSL	158°	46.79%	42.75%
HSB/HSV	158°	63.75%	62.75%
CMYK	63.75%	0.00%	23.13%
CMYK	37.25%

Color #3AA07B in popluar number systems.

HEX	3A	A0	7B
Decimal	58	160	123
Binary	111010	10100000	1111011
Octal	72	240	173

Shades and tints

Shades of #3AA07B

#3AA07B
(58,160,123)

#359270
(53,146,112)

#308465
(48,132,101)

#2B765A
(43,118,90)

#26684F
(38,104,79)

#215A44
(33,90,68)

#1C4C39
(28,76,57)

#173E2E
(23,62,46)

#123023
(18,48,35)

#0D2218
(13,34,24)

#08140D
(8,20,13)

#000000
(0,0,0)

Tints of #3AA07B

#3AA07B
(58,160,123)

#4BA887
(75,168,135)

#5CB093
(92,176,147)

#6DB89F
(109,184,159)

#7EC0AB
(126,192,171)

#8FC8B7
(143,200,183)

#A0D0C3
(160,208,195)

#B1D8CF
(177,216,207)

#C2E0DB
(194,224,219)

#D3E8E7
(211,232,231)

#E4F0F3
(228,240,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3AA07B color. Also use rgb(58,160,123) instead hex code.

Text Font Color

.myTextColor { color: #3AA07B; }

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

This text font color is #3AA07B.

Background Color

.myBgColor { background-color: #3AA07B; }

<div style="background-color:#3AA07B">Inner text</div>

This div background color is #3AA07B.

Border color

.myBorderColor { border: 1px solid #3AA07B; }

This div border color is #3AA07B.

Opacity

.myOpacity80 { color: #3AA07B; opacity: 0.8; }

Text with #3AA07B 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 #3AA07B;}

This text has shadow with #3AA07B color.

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

This text has shadow with #3AA07B primary color and red secondary color.

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

This text has shadow with #3AA07B and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3AA07B.