COLOR #7EB4CB

HEX: #7EB4CB RGB: (126,180,203)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#7EB4CB color RGB value is (126,180,203).

red value is 126;
green value is 180;
blue value is 203.

RGB: (126,180,203) (49%, 71%, 80%)

RGB channels and saturation

R 126 of 255 = 49%
G 180 of 255 = 71%
B 203 of 255 = 80%

126

180

203

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

Portions of RGB colors in percentages

R + G + B = 126 + 180 + 203 = 509 (100%)
R 126 of 509 ~ 24.75%
G 180 of 509 ~ 35.36%
B 203 of 509 ~ 39.88'%

%24.75

%35.36

%39.88

CMYK color model

#7EB4CB color CMYK value is (38,11,0,20).

cyan value is 37.93%
magenta value is 11.33%
yellow value is 0.00%
key color value is 20.39%

CMYK: (38,11,0,20) C38M11Y0K20 (38%,11%,0%,20%) (0.38/0.11/0.00/0.20)

CMYK percentages

%37.93

%11.33

%20.39

Codes

Color #7EB4CB in popluar color models

	7E	B4	CB
RGB	126	180	203
HSL	198°	42.54%	64.51%
HSB/HSV	198°	37.93%	79.61%
CMYK	37.93%	11.33%	0.00%
CMYK	20.39%

Color #7EB4CB in popluar number systems.

HEX	7E	B4	CB
Decimal	126	180	203
Binary	1111110	10110100	11001011
Octal	176	264	313

Shades and tints

Shades of #7EB4CB

#7EB4CB
(126,180,203)

#73A4B9
(115,164,185)

#6894A7
(104,148,167)

#5D8495
(93,132,149)

#527483
(82,116,131)

#476471
(71,100,113)

#3C545F
(60,84,95)

#31444D
(49,68,77)

#26343B
(38,52,59)

#1B2429
(27,36,41)

#101417
(16,20,23)

#000000
(0,0,0)

Tints of #7EB4CB

#7EB4CB
(126,180,203)

#89BACF
(137,186,207)

#94C0D3
(148,192,211)

#9FC6D7
(159,198,215)

#AACCDB
(170,204,219)

#B5D2DF
(181,210,223)

#C0D8E3
(192,216,227)

#CBDEE7
(203,222,231)

#D6E4EB
(214,228,235)

#E1EAEF
(225,234,239)

#ECF0F3
(236,240,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7EB4CB color. Also use rgb(126,180,203) instead hex code.

Text Font Color

.myTextColor { color: #7EB4CB; }

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

This text font color is #7EB4CB.

Background Color

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

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

This div background color is #7EB4CB.

Border color

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

This div border color is #7EB4CB.

Opacity

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

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

This text has shadow with #7EB4CB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7EB4CB.