COLOR #72DFDA

HEX: #72DFDA RGB: (114,223,218)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#72DFDA contains mainly green and blue colors. Web safe color of #72DFDA is #66CCCC (or #6CC).

RGB color model

#72DFDA color RGB value is (114,223,218).

red value is 114;
green value is 223;
blue value is 218.

RGB: (114,223,218) (45%, 87%, 85%)

RGB channels and saturation

R 114 of 255 = 45%
G 223 of 255 = 87%
B 218 of 255 = 85%

114

223

218

R + G + B ~ 72%. #72DFDA is quite light color.

Portions of RGB colors in percentages

R + G + B = 114 + 223 + 218 = 555 (100%)
R 114 of 555 ~ 20.54%
G 223 of 555 ~ 40.18%
B 218 of 555 ~ 39.28'%

%20.54

%40.18

%39.28

CMYK color model

#72DFDA color CMYK value is (49,0,2,13).

cyan value is 48.88%
magenta value is 0.00%
yellow value is 2.24%
key color value is 12.55%

CMYK: (49,0,2,13) C49M0Y2K13 (49%,0%,2%,13%) (0.49/0.00/0.02/0.13)

CMYK percentages

%48.88

%2.24

%12.55

Codes

Color #72DFDA in popluar color models

	72	DF	DA
RGB	114	223	218
HSL	177°	63.01%	66.08%
HSB/HSV	177°	48.88%	87.45%
CMYK	48.88%	0.00%	2.24%
CMYK	12.55%

Color #72DFDA in popluar number systems.

HEX	72	DF	DA
Decimal	114	223	218
Binary	1110010	11011111	11011010
Octal	162	337	332

Shades and tints

Shades of #72DFDA

#72DFDA
(114,223,218)

#68CBC7
(104,203,199)

#5EB7B4
(94,183,180)

#54A3A1
(84,163,161)

#4A8F8E
(74,143,142)

#407B7B
(64,123,123)

#366768
(54,103,104)

#2C5355
(44,83,85)

#223F42
(34,63,66)

#182B2F
(24,43,47)

#0E171C
(14,23,28)

#000000
(0,0,0)

Tints of #72DFDA

#72DFDA
(114,223,218)

#7EE1DD
(126,225,221)

#8AE3E0
(138,227,224)

#96E5E3
(150,229,227)

#A2E7E6
(162,231,230)

#AEE9E9
(174,233,233)

#BAEBEC
(186,235,236)

#C6EDEF
(198,237,239)

#D2EFF2
(210,239,242)

#DEF1F5
(222,241,245)

#EAF3F8
(234,243,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #72DFDA color. Also use rgb(114,223,218) instead hex code.

Text Font Color

.myTextColor { color: #72DFDA; }

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

This text font color is #72DFDA.

Background Color

.myBgColor { background-color: #72DFDA; }

<div style="background-color:#72DFDA">Inner text</div>

This div background color is #72DFDA.

Border color

.myBorderColor { border: 1px solid #72DFDA; }

This div border color is #72DFDA.

Opacity

.myOpacity80 { color: #72DFDA; opacity: 0.8; }

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

This text has shadow with #72DFDA color.

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

This text has shadow with #72DFDA primary color and red secondary color.

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

This text has shadow with #72DFDA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #72DFDA.