COLOR #7DD3AD

HEX: #7DD3AD RGB: (125,211,173)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#7DD3AD contains mainly green and blue colors. Web safe color of #7DD3AD is #66CC99 (or #6C9).

RGB color model

#7DD3AD color RGB value is (125,211,173).

red value is 125;
green value is 211;
blue value is 173.

RGB: (125,211,173) (49%, 83%, 68%)

RGB channels and saturation

R 125 of 255 = 49%
G 211 of 255 = 83%
B 173 of 255 = 68%

125

211

173

R + G + B ~ 67%. #7DD3AD is quite light color.

Portions of RGB colors in percentages

R + G + B = 125 + 211 + 173 = 509 (100%)
R 125 of 509 ~ 24.56%
G 211 of 509 ~ 41.45%
B 173 of 509 ~ 33.99'%

%24.56

%41.45

%33.99

CMYK color model

#7DD3AD color CMYK value is (41,0,18,17).

cyan value is 40.76%
magenta value is 0.00%
yellow value is 18.01%
key color value is 17.25%

CMYK: (41,0,18,17) C41M0Y18K17 (41%,0%,18%,17%) (0.41/0.00/0.18/0.17)

CMYK percentages

%40.76

%18.01

%17.25

Codes

Color #7DD3AD in popluar color models

	7D	D3	AD
RGB	125	211	173
HSL	153°	49.43%	65.88%
HSB/HSV	153°	40.76%	82.75%
CMYK	40.76%	0.00%	18.01%
CMYK	17.25%

Color #7DD3AD in popluar number systems.

HEX	7D	D3	AD
Decimal	125	211	173
Binary	1111101	11010011	10101101
Octal	175	323	255

Shades and tints

Shades of #7DD3AD

#7DD3AD
(125,211,173)

#72C09E
(114,192,158)

#67AD8F
(103,173,143)

#5C9A80
(92,154,128)

#518771
(81,135,113)

#467462
(70,116,98)

#3B6153
(59,97,83)

#304E44
(48,78,68)

#253B35
(37,59,53)

#1A2826
(26,40,38)

#0F1517
(15,21,23)

#000000
(0,0,0)

Tints of #7DD3AD

#7DD3AD
(125,211,173)

#88D7B4
(136,215,180)

#93DBBB
(147,219,187)

#9EDFC2
(158,223,194)

#A9E3C9
(169,227,201)

#B4E7D0
(180,231,208)

#BFEBD7
(191,235,215)

#CAEFDE
(202,239,222)

#D5F3E5
(213,243,229)

#E0F7EC
(224,247,236)

#EBFBF3
(235,251,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7DD3AD color. Also use rgb(125,211,173) instead hex code.

Text Font Color

.myTextColor { color: #7DD3AD; }

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

This text font color is #7DD3AD.

Background Color

.myBgColor { background-color: #7DD3AD; }

<div style="background-color:#7DD3AD">Inner text</div>

This div background color is #7DD3AD.

Border color

.myBorderColor { border: 1px solid #7DD3AD; }

This div border color is #7DD3AD.

Opacity

.myOpacity80 { color: #7DD3AD; opacity: 0.8; }

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

This text has shadow with #7DD3AD color.

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

This text has shadow with #7DD3AD primary color and red secondary color.

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

This text has shadow with #7DD3AD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #7DD3AD.