Color #77CBE5

Color info

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

RGB color model

#77CBE5 color RGB value is (119,203,229).

red value is 119;
green value is 203;
blue value is 229.

RGB: (119,203,229) (47%, 80%, 90%)

RGB channels and saturation

R 119 of 255 = 47%
G 203 of 255 = 80%
B 229 of 255 = 90%

119

203

229

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

Portions of RGB colors in percentages

R + G + B = 119 + 203 + 229 = 551 (100%)
R 119 of 551 ~ 21.6%
G 203 of 551 ~ 36.84%
B 229 of 551 ~ 41.56'%

%21.6

%36.84

%41.56

CMYK color model

#77CBE5 color CMYK value is (48,11,0,10).

cyan value is 48.03%
magenta value is 11.35%
yellow value is 0.00%
key color value is 10.20%

CMYK: (48,11,0,10)
C48M11Y0K10 (48%, 11%, 0%, 10%)
(0.48 / 0.11 / 0.00 / 0.10)

CMYK percentages

%48.03

%11.35

%0

%10.2

Codes

Color #77CBE5 in popluar color models

	77	CB	E5
RGB	119	203	229
HSL	194°	67.90%	68.24%
HSB/HSV	194°	48.03%	89.80%
CMYK	48.03%	11.35%	0.00%
CMYK	10.20%

Color #77CBE5 in popluar number systems.

HEX	77	CB	E5
Decimal	119	203	229
Binary	1110111	11001011	11100101
Octal	167	313	345

Shades and tints

Shades of #77CBE5

#77CBE5
(119,203,229)

#6DB9D1
(109,185,209)

#63A7BD
(99,167,189)

#5995A9
(89,149,169)

#4F8395
(79,131,149)

#457181
(69,113,129)

#3B5F6D
(59,95,109)

#314D59
(49,77,89)

#273B45
(39,59,69)

#1D2931
(29,41,49)

#13171D
(19,23,29)

#000000
(0,0,0)

Tints of #77CBE5

#77CBE5
(119,203,229)

#83CFE7
(131,207,231)

#8FD3E9
(143,211,233)

#9BD7EB
(155,215,235)

#A7DBED
(167,219,237)

#B3DFEF
(179,223,239)

#BFE3F1
(191,227,241)

#CBE7F3
(203,231,243)

#D7EBF5
(215,235,245)

#E3EFF7
(227,239,247)

#EFF3F9
(239,243,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #77CBE5 color. Also use rgb(119,203,229) instead hex code.

Text Font Color

.myTextColor { color: #77CBE5; }

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

This text font color is #77CBE5.

Background Color

.myBgColor { background-color: #77CBE5; }

<div style="background-color:#77CBE5">Inner text</div>

This div background color is #77CBE5.

Border color

.myBorderColor { border: 1px solid #77CBE5; }

This div border color is #77CBE5.

Opacity

.myOpacity80 { color: #77CBE5; opacity: 0.8; }

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

This text has shadow with #77CBE5 color.

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

This text has shadow with #77CBE5 primary color and red secondary color.

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

This text has shadow with #77CBE5 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #77CBE5.