Color #7CBEC4

Color info

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

RGB color model

#7CBEC4 color RGB value is (124,190,196).

red value is 124;
green value is 190;
blue value is 196.

RGB:
(124,190,196)
(49%,75%,77%)

RGB channels and saturation

R 124 of 255 = 49%
G 190 of 255 = 75%
B 196 of 255 = 77%

124

190

196

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

Portions of RGB colors in percentages

R + G + B =
124 + 190 + 196 = 510 (100%)
R 124 of 510 ~ 24.31%
G 190 of 510 ~ 37.25%
B 196 of 510 ~ 38.43%

%24.31

%37.25

%38.43

CMYK color model

#7CBEC4 color CMYK value is (37,3,0,23).

cyan value is 36.73%
magenta value is 3.06%
yellow value is 0.00%
key color value is 23.14%

CMYK:
(37,3,0,23)
C37M3Y0K23 
(37%,3%,0%,23%)
(0.37/0.03/0.00/0.23)

CMYK percentages

%36.73

%3.06

%23.14

Codes

Color #7CBEC4 in popluar color models

	7C	BE	C4
RGB	124	190	196
HSL	185°	37.89%	62.75%
HSB/HSV	185°	36.73%	76.86%
CMYK	36.73%	3.06%	0.00%
CMYK	23.14%

Color #7CBEC4 in popluar number systems.

HEX	7C	BE	C4
Decimal	124	190	196
Binary	1111100	10111110	11000100
Octal	174	276	304

Shades and tints

Shades of #7CBEC4

#7CBEC4
(124,190,196)

#71ADB3
(113,173,179)

#669CA2
(102,156,162)

#5B8B91
(91,139,145)

#507A80
(80,122,128)

#45696F
(69,105,111)

#3A585E
(58,88,94)

#2F474D
(47,71,77)

#24363C
(36,54,60)

#19252B
(25,37,43)

#0E141A
(14,20,26)

#000000
(0,0,0)

Tints of #7CBEC4

#7CBEC4
(124,190,196)

#87C3C9
(135,195,201)

#92C8CE
(146,200,206)

#9DCDD3
(157,205,211)

#A8D2D8
(168,210,216)

#B3D7DD
(179,215,221)

#BEDCE2
(190,220,226)

#C9E1E7
(201,225,231)

#D4E6EC
(212,230,236)

#DFEBF1
(223,235,241)

#EAF0F6
(234,240,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7CBEC4 color. Also use rgb(124,190,196) instead hex code.

Text Font Color

.myTextColor { color: #7CBEC4; }

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

This text font color is #7CBEC4.

Background Color

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

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

This div background color is #7CBEC4.

Border color

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

<div style="border:3px solid #7CBEC4">Div</div>

This div border color is #7CBEC4.

Opacity

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

<p style="color:#7CBEC4;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #7CBEC4">Text here.</p>

This text has shadow with #7CBEC4 color.

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

<p style="text-shadow: 3px 3px 1px #7CBEC4, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#7CBEC4, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #7CBEC4.

Preview

Color preview on black background

This text has color #7CBEC4 on black background.

Color preview on white background

This text has color #7CBEC4 on white background.

Black color preview on #7CBEC4 background

This text has black color on #7CBEC4 background.

White color preview on #7CBEC4 background

This text has white color on #7CBEC4 background.