Color #72BEC5

Color info

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

RGB color model

#72BEC5 color RGB value is (114,190,197).

red value is 114;
green value is 190;
blue value is 197.

RGB: (114,190,197) (45%, 75%, 77%)

RGB channels and saturation

R 114 of 255 = 45%
G 190 of 255 = 75%
B 197 of 255 = 77%

114

190

197

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

Portions of RGB colors in percentages

R + G + B = 114 + 190 + 197 = 501 (100%)
R 114 of 501 ~ 22.75%
G 190 of 501 ~ 37.92%
B 197 of 501 ~ 39.32'%

%22.75

%37.92

%39.32

CMYK color model

#72BEC5 color CMYK value is (42,4,0,23).

cyan value is 42.13%
magenta value is 3.55%
yellow value is 0.00%
key color value is 22.75%

CMYK: (42,4,0,23)
C42M4Y0K23 (42%, 4%, 0%, 23%)
(0.42 / 0.04 / 0.00 / 0.23)

CMYK percentages

%42.13

%3.55

%0

%22.75

Codes

Color #72BEC5 in popluar color models

	72	BE	C5
RGB	114	190	197
HSL	185°	41.71%	60.98%
HSB/HSV	185°	42.13%	77.25%
CMYK	42.13%	3.55%	0.00%
CMYK	22.75%

Color #72BEC5 in popluar number systems.

HEX	72	BE	C5
Decimal	114	190	197
Binary	1110010	10111110	11000101
Octal	162	276	305

Shades and tints

Shades of #72BEC5

#72BEC5
(114,190,197)

#68ADB4
(104,173,180)

#5E9CA3
(94,156,163)

#548B92
(84,139,146)

#4A7A81
(74,122,129)

#406970
(64,105,112)

#36585F
(54,88,95)

#2C474E
(44,71,78)

#22363D
(34,54,61)

#18252C
(24,37,44)

#0E141B
(14,20,27)

#000000
(0,0,0)

Tints of #72BEC5

#72BEC5
(114,190,197)

#7EC3CA
(126,195,202)

#8AC8CF
(138,200,207)

#96CDD4
(150,205,212)

#A2D2D9
(162,210,217)

#AED7DE
(174,215,222)

#BADCE3
(186,220,227)

#C6E1E8
(198,225,232)

#D2E6ED
(210,230,237)

#DEEBF2
(222,235,242)

#EAF0F7
(234,240,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #72BEC5 color. Also use rgb(114,190,197) instead hex code.

Text Font Color

.myTextColor { color: #72BEC5; }

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

This text font color is #72BEC5.

Background Color

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

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

This div background color is #72BEC5.

Border color

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

This div border color is #72BEC5.

Opacity

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

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

This text has shadow with #72BEC5 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #72BEC5.