COLOR #7E99CA

HEX: #7E99CA RGB: (126,153,202)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#7E99CA contains mainly green and blue colors. Web safe color of #7E99CA is #6699CC (or #69C).

RGB color model

#7E99CA color RGB value is (126,153,202).

red value is 126;
green value is 153;
blue value is 202.

RGB: (126,153,202) (49%, 60%, 79%)

RGB channels and saturation

R 126 of 255 = 49%
G 153 of 255 = 60%
B 202 of 255 = 79%

126

153

202

R + G + B ~ 63%. #7E99CA is quite light color.

Portions of RGB colors in percentages

R + G + B = 126 + 153 + 202 = 481 (100%)
R 126 of 481 ~ 26.2%
G 153 of 481 ~ 31.81%
B 202 of 481 ~ 42'%

%26.2

%31.81

%42

CMYK color model

#7E99CA color CMYK value is (38,24,0,21).

cyan value is 37.62%
magenta value is 24.26%
yellow value is 0.00%
key color value is 20.78%

CMYK: (38,24,0,21) C38M24Y0K21 (38%,24%,0%,21%) (0.38/0.24/0.00/0.21)

CMYK percentages

%37.62

%24.26

%20.78

Codes

Color #7E99CA in popluar color models

	7E	99	CA
RGB	126	153	202
HSL	219°	41.76%	64.31%
HSB/HSV	219°	37.62%	79.22%
CMYK	37.62%	24.26%	0.00%
CMYK	20.78%

Color #7E99CA in popluar number systems.

HEX	7E	99	CA
Decimal	126	153	202
Binary	1111110	10011001	11001010
Octal	176	231	312

Shades and tints

Shades of #7E99CA

#7E99CA
(126,153,202)

#738CB8
(115,140,184)

#687FA6
(104,127,166)

#5D7294
(93,114,148)

#526582
(82,101,130)

#475870
(71,88,112)

#3C4B5E
(60,75,94)

#313E4C
(49,62,76)

#26313A
(38,49,58)

#1B2428
(27,36,40)

#101716
(16,23,22)

#000000
(0,0,0)

Tints of #7E99CA

#7E99CA
(126,153,202)

#89A2CE
(137,162,206)

#94ABD2
(148,171,210)

#9FB4D6
(159,180,214)

#AABDDA
(170,189,218)

#B5C6DE
(181,198,222)

#C0CFE2
(192,207,226)

#CBD8E6
(203,216,230)

#D6E1EA
(214,225,234)

#E1EAEE
(225,234,238)

#ECF3F2
(236,243,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7E99CA color. Also use rgb(126,153,202) instead hex code.

Text Font Color

.myTextColor { color: #7E99CA; }

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

This text font color is #7E99CA.

Background Color

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

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

This div background color is #7E99CA.

Border color

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

This div border color is #7E99CA.

Opacity

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

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

This text has shadow with #7E99CA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7E99CA.