COLOR #40AD5D

HEX: #40AD5D RGB: (64,173,93)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#40AD5D contains mainly green color. Web safe color of #40AD5D is #339966 (or #396).

RGB color model

#40AD5D color RGB value is (64,173,93).

red value is 64;
green value is 173;
blue value is 93.

RGB: (64,173,93) (25%, 68%, 36%)

RGB channels and saturation

R 64 of 255 = 25%
G 173 of 255 = 68%
B 93 of 255 = 36%

173

R + G + B ~ 43%. #40AD5D is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 64 + 173 + 93 = 330 (100%)
R 64 of 330 ~ 19.39%
G 173 of 330 ~ 52.42%
B 93 of 330 ~ 28.18'%

%19.39

%52.42

%28.18

CMYK color model

#40AD5D color CMYK value is (63,0,46,32).

cyan value is 63.01%
magenta value is 0.00%
yellow value is 46.24%
key color value is 32.16%

CMYK: (63,0,46,32) C63M0Y46K32 (63%,0%,46%,32%) (0.63/0.00/0.46/0.32)

CMYK percentages

%63.01

%46.24

%32.16

Codes

Color #40AD5D in popluar color models

	40	AD	5D
RGB	64	173	93
HSL	136°	45.99%	46.47%
HSB/HSV	136°	63.01%	67.84%
CMYK	63.01%	0.00%	46.24%
CMYK	32.16%

Color #40AD5D in popluar number systems.

HEX	40	AD	5D
Decimal	64	173	93
Binary	1000000	10101101	1011101
Octal	100	255	135

Shades and tints

Shades of #40AD5D

#40AD5D
(64,173,93)

#3B9E55
(59,158,85)

#368F4D
(54,143,77)

#318045
(49,128,69)

#2C713D
(44,113,61)

#276235
(39,98,53)

#22532D
(34,83,45)

#1D4425
(29,68,37)

#18351D
(24,53,29)

#132615
(19,38,21)

#0E170D
(14,23,13)

#000000
(0,0,0)

Tints of #40AD5D

#40AD5D
(64,173,93)

#51B46B
(81,180,107)

#62BB79
(98,187,121)

#73C287
(115,194,135)

#84C995
(132,201,149)

#95D0A3
(149,208,163)

#A6D7B1
(166,215,177)

#B7DEBF
(183,222,191)

#C8E5CD
(200,229,205)

#D9ECDB
(217,236,219)

#EAF3E9
(234,243,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #40AD5D color. Also use rgb(64,173,93) instead hex code.

Text Font Color

.myTextColor { color: #40AD5D; }

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

This text font color is #40AD5D.

Background Color

.myBgColor { background-color: #40AD5D; }

<div style="background-color:#40AD5D">Inner text</div>

This div background color is #40AD5D.

Border color

.myBorderColor { border: 1px solid #40AD5D; }

This div border color is #40AD5D.

Opacity

.myOpacity80 { color: #40AD5D; opacity: 0.8; }

Text with #40AD5D 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 #40AD5D;}

This text has shadow with #40AD5D color.

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

This text has shadow with #40AD5D primary color and red secondary color.

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

This text has shadow with #40AD5D and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #40AD5D.